0
我给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文件?我错过了什么吗?
谢谢!