三、定制哈希类名

最后更新于: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`。
';