在react 中,使用模块加载器来将css 加载到整个模块中。下面看具体的配置
在 webpack.config.js 的配置文件中,需要在css模块加载器中启用css modules(webpack中将css 进行模块化),
{
test: /\.css$/,
use: [
{
loader: "style-loader"
}, {
loader: "css-loader",
options: {
modules: true, // 指定启用css modules
localIdentName: '[name]_[local]_[hash:base64:5]' // 指定css的类名格式
}
}
],
},
这里配置了两个css的加载器,其中对css-loader 这个加载器启用css modules,并且设置了特定格式的hash 类型格式。localIdentName: '[name]_[local]_[hash:base64:5]'
,
需要注意的是, 必须指定对一个加载器使用css modules 否则样式会出不来。