在webpack.config.js配置文件中的css_loader中使用localIdentName如下:
module: { //所有第三方模塊的配置規則
rules: [ //第三方匹配規則
//可以在css-loader之后通過?追加參數
//其中有個固定的參數modules,表示為普通的CSS樣式表啟用模塊化
{test: /\.css$/, use: ['style-loader', 'css-loader?modules&localIdentName=[path][name]-[local]-[hash:5]']}, //打包處理css樣式表的第三方loader
]
},
但是運行的過程報如下錯誤:

將css-loader規則修改成成下面這種即可成功運行:
module: { //所有第三方模塊的配置規則
rules: [ //第三方匹配規則
{
test: /\.css$/,
use: [
{loader: "style-loader"},
{loader: "css-loader",
options: {
modules: {
localIdentName: "[path][name]-[local]-[hash:5]"
}
}
}], //打包處理css樣式表的第三方loader
}
]
},
