首页 > 解决方案 > Webpack css-loader 不考虑 localIdentName

问题描述

我正在使用 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>

我正在使用以下版本:

有人知道我做错了什么吗?

标签: reactjswebpackcss-loader

解决方案


但 localIndentName 选项无效

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

options 属性必须是localIdentName而不是localIndentName


推荐阅读