javascript - 如何使用 webpack 在 css-loader 中使用 html 文件结交朋友“localIdentName”？

Question

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

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

我的 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吗？