オプション「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
ですか?