Javascript 如何在Grunt中分别连接脚本组？

我正在研究是否有可能构建一个webapp，根据屏幕大小和/或用户的客户端有条件地加载脚本组，因为可能会有一些UX或特定于客户端的代码，我可能会根据这些信息加载

我看到了另一个问题，显示了如何分别缩小文件（），但我不确定是否有一个选项可以将组A、B和C中的所有脚本分别缩小为groupA.min.js、groupB.min.js和groupC.min.js。这可能吗？ 谢谢 -丹尼尔

例如：

uglify: {
  dist: {
    files: {
        'dist/shared.min.js': 'src/shared/*', //would recurse shared directory and concatenate/minify all JS in subdirectories
        'dist/desktop.min.js': 'src/platform/desktop/*',
        'dist/mobile.min.js': 'src/platform/mobile/*',
        'dist/ios.min.js': 'src/platform/ios/*',
        'dist/android.min.js': 'src/platform/android/*'
    }
  }
}

---

根据我已经部分杀戮过的理论，沿着这些思路的一些东西应该是有效的：

grunt.initConfig({
  concat: {
    groupA: {
      // concat task "groupA" target options and files go here.
      dist: {
        // the files to concatenate
        src: ['src/groupA/*.js'],
        // the location of the resulting JS file
        dest: 'dist/groupA.concat.js'
      }
    },
    groupB: {
      // concat task "groupB" target options and files go here.
    },
  },
  uglify: {
    groupA: {
      // uglify task "groupA" target options and files go here.
    },
    groupB: {
      // uglify task "groupB" target options and files go here.
    },
  },
});

---

然后，您可以使用grunt-concat:groupA或grunt-concat:groupB运行特定任务。

请查看第页的grunt多任务。也许这就是你想要的。谢谢，我认为你是对的，所以我会把它作为答案。