Question

我使用css-loader作为Webpack插件来转换我的css类名，但localIndentName选项没有效果。

这是关于css-loader的webpack配置：

{
    test: /(\.css|\.scss|\.sass)$/,
    use: [
      {
        loader: 'css-loader',
        options: {
          sourceMap: true,
          module: true,
          localIndentName:'[name]_[local]_[hash:base64:5]'
        }
      }
    ]
  }

我的html元素类只被转换为哈希值：

<div class="_3FKNgBgNuQfnCln2xIoxoO">
   <div class="_3qj_5lUx_x_cKsHgbKmTIq"></div>
</div>

我使用以下版本：

node：8.11.1
npm：6.0.1
webpack：4.8.3
css-loader：0.28.11

有人知道我做错了吗？

Answer 1

但是localIndentName选项无效

正在处理相同的问题。假设某些教程中有错字...

options属性必须为 localIdentName ，而不是 localIndentName 。

Answer 2

尝试这种方式

 modules: true,
 modules: {
       localIdentName: '[name]__[local]___[hash:base64:5]'
           }

代替

module: true,
      localIndentName:'[name]_[local]_[hash:base64:5]'

Webpack css-loader不考虑localIdentName

2 个答案: