4

オプション「localIdentName」を指定したcss-loaderでwebpackを使用し、もちろんクラス名のハッシュを使用したい

しかし、私は 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ですか?

4

0 に答える 0