Grunt多次改变

时间:2016-03-03 15:14:00

标签: javascript css gruntjs

我有一个grunt文件,可以监视app.css上的更改。手表似乎在更改app.css时多次处理文件。检查文件,输出正确。

Grunt文件

module.exports = function(grunt) {
    "use strict";
    grunt.initConfig({
        //concat: {
        //  css: {
        //    src: ['app/css/*.css'],
        //    dest: 'app/css/app.min.css'
        //  }
        //},
        cssmin: {
            minify: {
                expand: true,
                cwd: 'app/css/',
                src: ['*.css', '!*.min.css'],
                dest: 'app/css/',
                ext: '.min.css'
            }
        },
        watch: {
            //js: {
            //  files: ['app/js/**/*.js'],
            //  tasks: ['concat']
            //},
            css: {
                files: ['app/css/*.css'],
                tasks: ['cssmin']
            }
        }
    });

    //grunt.loadNpmTasks('grunt-contrib-concat'); // Load concat
    grunt.loadNpmTasks('grunt-contrib-watch');    // Load watch
    grunt.loadNpmTasks('grunt-contrib-cssmin');   // Load CSS min
    grunt.registerTask('default', ['watch']);     // Load default task
};

1 个答案:

答案 0 :(得分:1)

这是因为第一遍修改了创建app.css的{​​{1}}文件 - 但您的观察者正在寻找对任何CSS文件(包括新创建的app.min.css)的修改。

您可以忽略观察者配置中的app.min.css,或者只是将缩小的CSS输出到您不看的文件夹中。