使用css-loader / modules导入多个版本的CSS文件时,如何保留哈希值?

时间:2018-11-03 17:12:16

标签: reactjs webpack css-loader sass-loader postcss-loader

我有2个CSS文件:

app.scss:

import '~/bootstrap/bootstrap.sass

component.scss:

import '../app.scss

我的webpack配置:

{
    test: /\.scss$/,
    use: [
        'style-loader',
        {
            loader: 'css-loader',
            options: {
                importLoaders: 1,
                camelCase: 'dashes',
                minimize: true,
                sourceMap: true,
                modules: true,
                localIdentName: '[name]_[local]___[hash:base64:5]',
            },
        },
        'postcss-loader',
        {
            loader: 'sass-loader',
            options: {
                includePaths: [
                    'node_modules', 'bower_components', 'src', '.',
                ],
            },
        },
    ],
},

当我在React中导入两个CSS文件时,样式哈希不同。如何确保app.scss中的样式不会在component.scss内部重新混入?

0 个答案:

没有答案