eslint报Unknown class name "XXX", 如何去除警告？

Question

一个react组件XXX.js中有 import styles from 'XXX.css'

在 XXX.css中

@import "XXX1.css"

就是一个css复用另一个css，但是在XXX.js中

 <div className = { styles['editContainer'] }>

editContainer 这个类名在XXX1.css中，所以eslint就提示错误。
有什么办法消除警告，或者有什么更好的处理方法。

Answer 1

import styles from './project.less'
import common from 'app/common/common.less' //通用的放到一起

webpack配置，只要文件不同，类名随便你复用

{
    test: /\.less$/,
    loader: "style-loader!css-loader?modules&localIdentName=[name]__[local]___[hash:base64:5]!less-loader",
    include: paths.appSrc
}

Answer 2

不建议使用类名复用，对于要复用的style，利用预处理存于变量中，然后在需要的地方，应用这个变量