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

问题描述

问 题

一个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就提示错误。
有什么办法消除警告，或者有什么更好的处理方法。

解决方案

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
}

这篇关于javascript - eslint报Unknown class name "XXX", 如何去除警告？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！