Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何交朋友';localIdentName';在带有html文件的css加载程序中,是否使用webpack?_Javascript_Webpack_Css Loader_Webpack Html Loader - Fatal编程技术网

Javascript 如何交朋友';localIdentName';在带有html文件的css加载程序中,是否使用webpack?

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

我想使用带有css加载器的webpack选项'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>
通过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;
}