在vue-cli程序中，如何在vue-加载程序中使用precss？

Question

这是代码：

postcss: [
  require('postcss-cssnext')(), // postcss is working fine if I only write this row.
  require('precss')().process({ parser: require('postcss-scss') }) // npm got error when I add this row
]

下面是错误日志：

Module build failed: Error: PostCSS syntaxes cannot be used as plugins. 
Instead, please use one of the syntax/parser/stringifier options as
outlined in your PostCSS runner documentation.

似乎每个.vue文件都有相同的错误？

Answer 1

您不能将自定义解析器作为插件传递进来。您的配置应该如下所示：

postcss: {
  options: {
    parser: require('postcss-scss')
  },
  plugins: [
    require('postcss-cssnext')(),
    require('precss')()
  ]
}