Comment utiliser precss dans vue-loader dans un programme vue-cli?

Question

Voici le code:

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 
] 

Voici le journal des erreurs:

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. 

Il semble que chaque fichier .vue a même erreur ...

Answer 1

Vous ne pouvez pas passer un analyseur personnalisé en tant? brancher. Votre config devrait ressembler à ceci:

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