У меня есть 2 CSS-файла:
app.scss:
import '~/bootstrap/bootstrap.sass
component.scss:
import '../app.scss
Мой конфиг веб-пакета:
{
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', '.',
],
},
},
],
},
Когда я импортирую оба CSS-файла в React, стили хэшей различаются. Как сделать так, чтобы стили из app.scss
не перефразировались внутри component.scss
?