關於如何配置兩個Grunt配置的示例，一個配置爲concat，一個配置不配置

Question

因此，我發現了grunt的驚人力量，而且我喜歡。因此，在連接許多js文件並使其醜化之後，我節省了很多帶寬......非常棒。問題是，在開發時我想讓它們獨立（因此調試起來更容易）。然後，當我準備好製作時，我想將它們放在一個縮小的文件中。

我可以想出很多方法來做到這一點，但是，有沒有最佳做法或一些插件？

Answer 1

使用目標：

grunt.initConfig({ 
    concat: { 
    dev: { 
     files: [ 
     { src: ['src/foo/*.js'], dest: 'dist/foo.js' }, 
     { src: ['src/bar/*.js'], dest: 'dist/bar.js' }, 
     ], 
    }, 
    prod: { 
     src: ['src/**/*.js'], dest: 'dist/all.js', 
    }, 
    }, 
    uglify: { 
    prod: { 
     src: 'dist/all.js', dest: 'dist/all.min.js', 
    }, 
    } 
}); 
grunt.registerTask('dev', ['concat:dev']); 
grunt.registerTask('prod', ['concat:prod', 'uglify']); 

然後運行grunt dev當你想要一個開發版本或grunt prod當你想要一個生產版本。