如何使咕噜沙司前处理器和肝脏快速？

Question

我正在用SCSS创建一个项目。我和约曼一起搭建了一个项目，到目前为止，一切都很顺利。现在SCSS的预处理和肝脏处理速度非常慢。

这是我的Gruntfile.js手表任务：

watch: { 
    sass: {
        files: ['<%= yeoman.app %>/_/css/**/*.{scss,sass}'],
        tasks: ['sass:server']
    },
    livereload: {
        options: {livereload: true},
        files: [
            '<%= yeoman.app %>/_/css/**/*.css',
            '<%= yeoman.app %>/_/css/*.css',
            '<%= yeoman.app %>/_/js/**/*',
            '<%= yeoman.app %>/script/*.js',
            '<%= yeoman.app %>/_/img/**/*',
            '<%= yeoman.app %>/*.php',
            '<%= yeoman.app %>/**/*.php'
        ]
    }
}

这就是我的手表任务：

sass: {
    server: {
        options: {
            sourcemap: true,
            debugInfo: true,
            lineNumbers: true,
            style: 'expanded'
        },
        files : [{
            expand: true,
            cwd: '<%= yeoman.app %>/_/css',
            src: '**/*.scss',
            dest: '<%= yeoman.app %>/_/css',
            ext: '.css'
        }]
    },
    dist: {
        ...
    }
},

我有main.scss文件，其中大部分是我的css。我试着制作另一个更小的.scss文件，认为更小的文件加载速度更快。它几乎是立即被预处理的，但是只有在main.scss被处理到main.css之后，页面才会被肝脏处理。

我的问题是：

• 我应该如何安排我的Gruntfile.js使肝脏更快？
• 为什么在对livereload进行预处理并将其作为小文件保存到磁盘时没有启动它呢？
• 如何使我的sass.server函数只处理已编辑的文件，而不处理源代码中设置的所有文件？

Answer 1

事实上，这与Gruntfile.js完全无关。我在我的main.scss上导入了整个引导程序，所以很明显，这需要很长的时间来进行预处理。

@import "../bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss";

现在我只是抓住了我真正需要的部分。