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}