Как подружить localIdentName в css-loader с html файлами, используя webpack?

Я хочу использовать webpack с css-loader с опцией localIdentName и, конечно же, использовать хэш имен классов

но я не использую React или подобные библиотеки для DOM

мои правила веб-пакета

{
    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 тоже можно обновить?