三、定制哈希类名
最后更新于:2022-04-01 23:31:03
`css-loader`默认的哈希算法是`[hash:base64]`,这会将`.title`编译成`._3zyde4l1yATCOkgn-DBWEL`这样的字符串。
[`webpack.config.js`](https://github.com/ruanyf/css-modules-demos/blob/master/demo03/webpack.config.js)里面可以定制哈希字符串的格式。
~~~
module: {
loaders: [
// ...
{
test: /\.css$/,
loader: "style-loader!css-loader?modules&localIdentName=[path][name]---[local]---[hash:base64:5]"
},
]
}
~~~
运行这个示例。
~~~
$ npm run demo03
~~~
你会[发现](http://ruanyf.github.io/css-modules-demos/demo03/)`.title`被编译成了`demo03-components-App---title---GpMto`。
';