javascript - 如何在 Grunt 中分别连接多组脚本？

Question

我正在研究构建一个 Web 应用程序的可能性，该应用程序根据屏幕尺寸和/或用户的客户端有条件地加载脚本组，因为我可能会根据此信息加载一些 UX 或客户端特定的代码.

我看到另一个问题，显示如何单独缩小文件( see link )，但我不确定是否有一个选项可以将 A、B 和 C 组中的所有脚本分别缩小到 A 组.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/*'
    }
  }
}

Answer 1

沿着这些思路的东西应该根据 docs 工作。 ，我已经部分屠宰了:

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 运行特定任务。