как подружить localIdentName в css-загрузчике с html-файлами, используя webpack? - PullRequest
Новая
       29

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

0 голосов
/ 06 ноября 2018

Я хочу использовать веб-пакет с css-загрузчиком с опцией '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?

...