node.js - 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')()
  ]
}