使用sass编译文件后，使用grunt-contrib-watch合并css文件

Question

我想使用grunt-contrib-watch来查看我的.scss文件，对其进行编译，然后对其进行串联。 现在，由于我正在监视.scss和.css文件，因此对.scss文件的更改启动了任务，然后.css更改重新启动了任务，并且陷入了循环。 如何订购任务，使“ concat”在“ sass”之后运行？

module.exports = function（grunt）{

grunt.initConfig ({
    pkg: grunt.file.readJSON('package.json'),
    concat: {
        options: {
            banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
        },
        css: {
            src: ['src/css/reset.css', 'src/css/syntax.css', 'src/css/main.css'],
            dest: 'dest/css/built.css'
        }
    },
    sass : {
        dist: {
            files: {
                'src/css/main.css' : 'src/css/main.scss'
            }
        }
    },
    watch : {
        files: ['src/css/*.scss', 'src/css/*.css'],
        tasks: ['sass', 'concat'],
        options: {}
    }
});

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

grunt.registerTask('default', ['sass', 'concat']);

};

Answer 1

//在生成任何新文件之前，请删除以前创建的所有文件-
grunt.loadTasks（'grunt-contrib-clean'）;

`clean: {
            test: [
                'tmp',
                '.sass-cache'
            ]
        },

//要运行的配置（然后进行测试）。
grunt.loadTasks（'node_modules / grunt-contrib-compass / tasks'）;

`compass: {
        dist: {                   // Target
                options: {              // Target options
                    sassDir: '',
            },
            dev: {                   // Target
                options: {              // Target options
                    sassDir: '',
            }
       }`

// cssmin压缩并合并css文件
grunt.loadTasks（'node_modules / grunt-contrib-cssmin / tasks'）;

cssmin: {
        compress: {
            files: {
                '<%= project.css %>/main_combined.css': [
                    '<%= project.css %>/tv-carousels.css',
                    '<%= project.css %>/tv-global.css']
                   }
                 }
        }

然后添加手表grunt.loadTasks（'grunt-contrib-watch'）;

Answer 2

在阅读帖子http://www.smashingmagazine.com/2013/10/29/get-up-running-grunt/之前，我有相同的问题

grunt.initConfig ({
    pkg: grunt.file.readJSON('package.json'),
    concat: {
        options: {
            banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
        },
        css: {
            src: ['src/css/reset.css', 'src/css/syntax.css', 'src/css/main.css'],
            dest: 'dest/css/built.css'
        }
    },
    sass : {
        dist: {
            files: {
                'src/css/main.css' : 'src/css/main.scss'
            }
        }
    },
    watch : 
        css:{
            files: ['src/css/*.scss'],
            tasks: ['buildcss']
        }
    }
});

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

grunt.registerTask('buildcss', ['sass', 'concat']);

然后运行咕unt声手表