如何使用Webpack在带有HTML文件的CSS加载器中使朋友“ localIdentName”?

时间:2018-11-05 22:28:14

标签: javascript webpack css-loader webpack-html-loader

我想将Webpack与带有选项“ localIdentName”的css-loader一起使用,当然要使用类名的哈希值

但是我没有对DOM使用React或类似的库

我的webpack规则

{
    test: /\.scss$/,
    use: [
      { loader: 'style-loader' },
      {
        loader: 'css-loader',
        query: {
          modules: true,
          sourceMap: !optimize,
          minimize: optimize,
          importLoaders: 2,
          localIdentName: '[local]__[hash:base64:5]',
        },
      },
      {
        loader: 'sass-loader',
        options: {
          sourceMap: !optimize,
          includePaths: [path.resolve(sourcePath, './global_styles')],
        },
      },
    ],
  },
  { test: /\.html$/, use: 'html-loader' }

还有index.html中的一些代码

<div class="city-name">NNOV</div>

一些scss规则

.city-name {
  font-size: 32px;
  font-weight: 300;
  line-height: .85;
}

使用webpack配置,我得到了类名city-name__SOME-HASH,但是在index.html内将保留city-name

如何成为?也可以更新index.html中的类名吗?

0 个答案:

没有答案