如何具有两种Grunt配置的示例，一种带有concat，另一种不带concat

Question

So, I discovered the amazing power of grunt, and I like. So after concatenating many js files and uglifying them I'm saving a lot of bandwidth... great. Problem is that when developing I'd like to have them standalone (so it's easier to debug). Then when I'm ready for production I'd like to put them all in a single minified file.

I can think of many ways to do this, but, is there a best practice or some plugin?

Answer 1

Use targets:

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']);

Then run grunt dev when you want a development build or grunt prod when you want a production build.