如何在Grunt中单独连接脚本组

Question

我正在研究构建一个web应用程序的可能性，该应用程序根据屏幕大小和/或用户的客户端有条件地加载脚本组，因为可能有一些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/*'
    }
  }
}

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