Grunt PostCSS компиляция очень медленная

Question

Я предоставляю postCSS за счет чистого любопытства, но у меня уже есть время компиляции ~ 2 сек.

Я только с помощью 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 задача:

 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 файлы? Я что-то упускаю ?

Спасибо!

Answer 1

Теперь у PostCSS эта проблема, она слишком медленная.

Статья this, автор реплицирует рабочий процесс с помощью PostCSS и без PostCSS. Конечные результаты дают вам представление о том, что PostCSS обладает большим потенциалом, но вы должны изменить свои рабочие задачи с помощью версии CSSNext.

С уважением.