在我将localIdentName选项添加到css-loader之后,如果没有:local或:global,我将无法再为我的类设置样式,而且node_modules中的所有样式也不适用于html元素。
这有效:
const styles = require("./styles.scss)" // import
:local .myclass { } // style in styles.scss
<div className={styles["myClass"]}></div> // html container
这不是:
import "./styles.scss"
.myclass { }
<div className="myClass"></div>
这是我的webpack配置
{
loader: MiniCssExtractPlugin.loader,
options: {
hmr: isDevMode
},
},
{
loader: 'css-loader',
options: {
modules: {
localIdentName: '[path][name]__[local]--[hash:base64:5]',
}
}
},
'postcss-loader',
'sass-loader',
],