当改变@import的css文件时，Webpack 3 + PostCSS不会加载热量

Question

这是我的css webpack config

{ 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之前，我得到一个编译错误。

我想知道上面的配置是否有任何问题，感谢任何帮助。

您可以在此回购中重现该问题

https://github.com/iroy2000/react-redux-boilerplate。

Answer 1

事实证明我需要做两件事

1）postcssImport({ addDependencyTo: webpack })需要在插件中排在第一位

2）我试图将sass @import style用于我的部分，但事实证明，当我导入部分内容时，我需要包含_。

这解决了我的问题。