Grunt PostCSSのコンパイルが非常に遅い

Question

私はpostCSSに純粋な好奇心を与えていますが、すでに約2秒のコンパイル時間があります。

私は唯一の3つのプラグイン使用しています：私は2つのファイルをインポートapp.cssを持っているautoprefixer、postcss-importとpostcss-nested

を：

@import "_base/_base.css"; 

@import "_common/_common.css"; 

、私は_base.cssを持っている：

.title { 
    display: flex; 
    color: white; 
} 

および_common.css：

header { 
    background: red; 

    h1 { 
     background: black; 
    } 
} 

私のウォッチャーは/postCSSを見ている：

... 
    watch: { 
     postcss: { 
      files: grunt.settings.devDir + 'postCSS/{,**/}*.css', 
      tasks: ['postcss:dev'] 
     } 
    }, 
    ... 

postcss：DEVタスク：

 dev: { 
      options: { 
       map: false, 
       processors: [ 
        require('autoprefixer')({browsers: 'last 1 versions'}), 
        require('postcss-import')(), 
        require('postcss-nested')() 
       ] 
      }, 
      files: [{ 
       expand: true, 
       cwd: grunt.settings.devDir + 'postCSS/', 
       src: ['app.css'], 
       dest: grunt.settings.devDir + 'css/' 
      }] 
     }, 

は、だから私の質問は、私はすでに3つの小さなcssファイルをコンパイルする2秒を取得する方法、ありますか？何か不足していますか？

ありがとうございます！

Answer 1

今、PostCSSにはこの問題があります。遅すぎます。

記事はthisです。投稿者は、PostCSSとPostCSSのないワークフローを複製しています。最終的な結果はPostCSSが多くの可能性を秘めていると考えていますが、CSSNextバージョンで作業を変更する必要があります。

よろしくお願いいたします。