Javascript 关于如何拥有两个Grunt配置的示例，一个带有concat，另一个没有

所以，我发现了咕噜的神奇力量，我喜欢。因此，在连接了许多js文件并使其丑陋化之后，我节省了大量带宽。。。伟大的问题是，在开发时，我希望它们是独立的（这样更容易调试）。然后，当我准备好生产时，我想把它们都放在一个缩小的文件中

我可以想出很多方法来做到这一点，但是，有没有最佳实践或插件？

使用目标：

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

。

谢谢，所以在我的最后一个应用程序中，将不得不设置回退（比如如果all.js无效，让我们加载foo.js和bar.js）？是的。grunt usemin是一个在HTML中切换脚本标记的工具。我个人使用模块绑定器（browserify、webpack等），只使用一个脚本标记（而不是concat）。然后使用上述目标构建开发/生产构建。