Webpack postcss-loader在传递函数时不起作用答案

【问题标题】：Webpack postcss-loader not working when passed functionWebpack postcss-loader在传递函数时不起作用
【发布时间】：2017-10-12 08:11:33
【问题描述】：

我正在repo removed 中进行 webpack 配置。现在，当我运行npm run teststart（使用webpack.development.js）或npm run testbuild（使用webpack.production.js）时，postcss 加载程序 stylelint、autoprefixer 和 postcss-focus 似乎不起作用。但是，如果我将数组而不是 () => [] 形式的函数传递给 postcss-loader 上的插件，它确实可以工作。例如，如果我改变

options: {
  plugins: () => [require('autoprefixer'), require('postcss-focus')]
}

到

options: {
  plugins: [require('autoprefixer'), require('postcss-focus')]
}

在webpack.production.js 中有效。

但在另一个项目中，函数格式可以正常工作。试图弄清楚为什么它在这里不起作用。

【问题讨论】：

标签： javascript node.js webpack sass postcss

【解决方案1】：

找到了答案——显然 postcss-loader 在将函数传递给加载器的选项时无法正常工作。插件是 postcss-loader v2.0.3 中的一个错误，他们在 v2.0.5 中修复了它，更新解决了我的问题。 github上有一个关于这个的问题：

github.com/postcss/postcss-loader/issues/218

【讨论】：