2

我正在使用 Grunt 运行一个非常简单的工作流程，在 MAMP 中运行。我正在使用监视任务来触发 Sass 任务，该任务运行两个子任务（将扩展和压缩的样式表放在不同的目录中），并缩小/连接 JavaScript 文件。Sass 任务可以正常工作，但 Watch 任务不会看到任何 JavaScript 文件更改来触发 Uglify 任务。这是我的Grunt.js 文件

module.exports = function(grunt){
    grunt.initConfig({
        pkg : grunt.file.readJSON('package.json'),

        //Sass task
        sass:{
            dev: {
                options: {
                    style: 'expanded',
                    sourcemap: 'none'
                },
                files: {
                    //Destination, Source
                    'human-readable/style-expanded.css': 'sass/style.scss',
                    'human-readable/bootstrap-min.css': 'sass/bootstrap.scss'
                }
            },
            prod:{
                options:{
                    style: 'compressed',
                    sourcemap: 'none'
                },
                files:{
                    //Destination, Source
                    'style.css': 'sass/style.scss',
                    'css/bootstrap.min.css': 'sass/bootstrap.scss'
                }
            }
        },

        //Uglify task
        uglify:{
            options:{
                mangle: false,
                screwIE8: true
            },
            my_target:{
                files:{
                    //Destination, Source
                    'js/main.min.js': ['human-readable/main.js','js/bootstrap.min.js']
                }
            }
        },

        //Watch task
        watch: {
            css: {
                files: '**/*.scss',
                tasks: ['sass']
            },
            scripts: {
                files: '**/*.js',
                tasks: ['uglify']
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.registerTask('default', ['watch']);

}

想法？

4

1 回答 1

1

可能是您试图同时观看两件事，这可能是问题所在，请尝试grunt-concurrent模块，它允许您同时/并行运行 grunt 任务：

grunt.loadNpmTasks('grunt-concurrent');
grunt.initConfig({
    ...
    concurrent: {
        tasks: ['watch:css', 'watch:script']
    }
    ...

grunt.registerTask('default', ['concurrent']);
...
于 2015-07-28T07:14:14.020 回答