Вот моя конфигурация css webpack
{
test: /\.css$/,
use: [
{
loader: 'style-loader',
},
{
loader: 'css-loader',
options: { sourceMap: true, importLoaders: 1 }
},
{
loader: 'postcss-loader',
options: {
sourceMap: true,
// https://github.com/postcss/postcss-loader/issues/92
// https://github.com/postcss/postcss-loader/issues/8
plugins: () => [
precss(),
postcssImport({ addDependencyTo: webpack }),
postcssNested(),
postcssCssnext({
browsers: ['last 2 versions', 'ie >= 9'],
compress: true,
}),
],
},
},
],
}
И я использую Webpack 3, функция горячей загрузки не работает, если я коснусь файла css, который является @import, люди предложили мне поставить postcssImport({ addDependencyTo: webpack }) в первую строку плагина, но если я поставлю перед precss, я получил ошибку компиляции.
Интересно, есть ли что-то не так с приведенной выше конфигурацией, любая помощь приветствуется.
Вы можете воспроизвести проблему в этом репо
