我正在使用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中有效。

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

最佳答案

发现将函数传递给加载器的选项时,答案显然为postcss-loader不能正常工作。plugins是postcss-loader v2.0.3中的错误,他们在v2.0.5中进行了修复,更新解决了我的问题。 github上有一个关于此的问题:

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

关于javascript - Webpack postcss-loader在传递函数时不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43947350/

10-10 00:31