如何为CSS模块中的类提供更好的名称?
我在如何为CSS模块中的类提供更好的名称?,css,webpack,css-modules,Css,Webpack,Css Modules,我在webpack.config.js中有这个配置: { test: /\.css$/, use: [ {loader: "style-loader"}, { loader: "css-loader", options: { modules: true, importLoaders: 1, sourceMap: true } }
webpack.config.js
中有这个配置:
{
test: /\.css$/,
use: [
{loader: "style-loader"},
{
loader: "css-loader",
options: {
modules: true,
importLoaders: 1,
sourceMap: true
}
}
]
}
它的工作原理与预期一样,但有一点可以改进——生成的类的名称
可以将生成的字符串添加到现有的类名中吗
像这样:
// before:
gSJW8QAdF0l_JiFWFeyjq
// after:
loginContainer_gSJW8QAdF0l_JiFWFeyjq
请参阅并查找有关localIdentName和getLocalIdent的部分。使用它,您可以完全自定义类名。干杯 请参阅并查找有关localIdentName和getLocalIdent的部分。使用它,您可以完全自定义类名。干杯