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

}