Javascript 如何交朋友';localIdentName';在带有html文件的css加载程序中,是否使用webpack?
我想使用带有css加载器的webpack选项'localIdentName',当然还要使用类名的散列 但我不使用React或类似的DOM库 我的网页规则Javascript 如何交朋友';localIdentName';在带有html文件的css加载程序中,是否使用webpack?,javascript,webpack,css-loader,webpack-html-loader,Javascript,Webpack,Css Loader,Webpack Html Loader,我想使用带有css加载器的webpack选项'localIdentName',当然还要使用类名的散列 但我不使用React或类似的DOM库 我的网页规则 { test: /\.scss$/, use: [ { loader: 'style-loader' }, { loader: 'css-loader', query: { modules: true, sourceMap: !opt
{
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>
通过webpack配置,我得到了类名city-name\uu SOME-HASH
,但是index.html
中的类名将保留city-name
怎么做?也可以在
index.html
中更新类名?如果您找到了有关此问题的解决方案?请让我知道我也尝试了很多东西,但没有work@HiralBhimani呵呵,我没有找到解决方案,但开始使用样式化组件,忘记了类似的问题:)
.city-name {
font-size: 32px;
font-weight: 300;
line-height: .85;
}