如何给CSS模块中的类更好的名字?

时间:2017-05-31 10:15:49

标签: css webpack css-modules

我在 { test: /\.css$/, use: [ {loader: "style-loader"}, { loader: "css-loader", options: { modules: true, importLoaders: 1, sourceMap: true } } ] } 中有此配置:

// before:
   gSJW8QAdF0l_JiFWFeyjq

// after:
   loginContainer_gSJW8QAdF0l_JiFWFeyjq

它按预期工作,但可以改进一件小事 - 生成的类的名称。

是否可以将生成的字符串添加到现有的类名?

像这样:

<div class="description">
<img alt="" src="image.jpg" style="height:350px; width:700px" id="imagepopup0"></div>

1 个答案:

答案 0 :(得分:2)

请参阅official docs并查找有关 localIdentName getLocalIdent 的部分。使用它,您可以完全自定义您的类名。干杯!