如何在vue-cli程序中使用vue-loader中的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')() 
    ] 
}