Grunt PostCSS編譯非常慢

我給postCSS一個純粹的好奇心，但我的編譯時間已經達到約2秒。Grunt PostCSS編譯非常慢

我只使用3個插件：autoprefixer，postcss-import和postcss-nested

我有app.css是進口2個文件：

@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: { 
      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/' 
      }] 
     },

所以我的問題是，我怎麼能已經得到2秒編譯3個小css文件？我錯過了什麼嗎？

謝謝！

來源

2016-05-07 bonhomme

現在，PostCSS有這個問題，它太慢了。

是this文章，作者使用PostCSS和PostCSS複製工作流。最終的結果讓你瞭解PostCSS有很多潛力，但你應該用CSSNext版本來改變你的工作任務。

問候。

來源

2016-05-08 08:23:10

Grunt PostCSS編譯非常慢

回答

相關問題