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版本更改您的工作任务。

Grunt PostCSS编译速度很慢

1 个答案: