新版本webpack 打包处理css样第三方-loader配置

• 旧版本

{ test: /\.css$/, use: ['style-loader', 'css-loader?modules&localIdentName=[path][name]-[local]-[hash:5]'] }

• 新版本

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        loader: 'css-loader',
        options: {
          modules: {
            localIdentName: '[path][name]__[local]--[hash:base64:5]',
          },
        },
      },
    ],
  },
};
context

可供参考：https://webpack.js.org/loaders/css-loader/#localidentname

使用localIdentName自定义生成的类名格式，可选的参数有：

• [path] 表示样式表 相对于项目根目录 所在路径
• [name] 表示 样式表文件名称
• [local] 表示样式的类名定义名称
• [hash:length] 表示32位的hash值