sass - 使用 grunt-sass(libsass 包装器)的 Grunt，编译时间很慢

Question

当我跑 time sassc app.scss app.css ，编译时间非常快:sassc是 libsass 上 C 实现的命令行包装器图书馆。

real    __0m0.132s__
user    0m0.123s
sys 0m0.007s

但是当使用 grunt-sass这是 Node.js libsass 的 wrapper ,
在我的 Gruntfile.js ，我得到的输出要慢得多:

Running "watch" task
Waiting...
File "stylesheets/sass/app.scss" changed.
Running "sass:compile" (sass) task
File ./stylesheets/app.css created.

Done, without errors.
Completed in __1.759s__ at Sat May 24 2014 18:17:33 GMT+0200 (CEST) - Waiting...

这是我的 Gruntfile.js 的相关部分，也许我在这里做错了什么:

module.exports = function(grunt) {

    grunt.initConfig({

        project: {
            app: '.',
            sheets: '<%= project.app %>/stylesheets',
            sass: [ '<%= project.sheets %>/sass/app.scss',
            ],
            js: [],
        },
        // The watch task is used to run tasks in response to file changes
        watch: {
            options: {
                livereload: true,
            },
            html: {
                files: ['<%= project.app %>/*.html'],
            },
            css: {
                files: ['<%= project.sheets %>/*.css'],
            },
            sass: {
                files: '<%= project.sheets %>/sass/{,*/}*.{scss,sass}',
                tasks: ['sass:compile'],
                options: {
                    livereload: false,
                },
            },

        },
        sass: {
            compile: {
                options: {
                    style: 'nested',
                },

                files: {
                    '<%= project.sheets %>/app.css' : '<%= project.sheets %>/sass/app.scss',
                }
            }
        },

    }); // The end of grunt.initConfig

    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-sass');

    grunt.registerTask('preview', ['watch', ]);
};

在 Grunt 中，为什么我的编译时间如此之慢？

Answer 1

我真的不知道这是否对你有帮助，但是当我遇到类似的问题时，我发现 sourcemap 生成(默认情况下启用)会减慢编译时间。

启用源映射:

$ time grunt sass:dev
grunt sass:dev  12,44s user 0,19s system 100% cpu 12,618 total

禁用源映射:

$ time grunt sass:dev
grunt sass:dev  4,57s user 0,17s system 98% cpu 4,800 total

要禁用 sourcemap，只需添加 sourcemap选项并将其值更改为“无”:

sass: {
    compile: {
        options: {
            style: 'nested',
            sourcemap: 'none',
        },

        files: {
            '<%= project.sheets %>/app.css' : '<%= project.sheets %>/sass/app.scss',
        }
    }
},

引用: grunt-contrib-sass sourcemap