这是我的 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，如果我触摸一个 @import 的 css 文件，热加载功能将不起作用，人们建议我将其放在postcssImport({ addDependencyTo: webpack })插件的第一行，但如果我放在 precss 之前，我得到了编译错误。
我想知道上述配置是否有任何问题，不胜感激。
您可以在此 repo 中重现该问题