Javascript 使用Grunt连接多个js文件，但希望将其拆分？

我是grunt的新手（实际上是今天安装并使用的），它很棒，但我无法解决一些问题

我有一个angularJs项目，我想把我所有的javascript文件压缩成3个文件

所以我会

“base”-插件等的所有供应商javascript文件

“应用程序”-所有用户使用的所有控制器等

“admin”-使用但仅由管理员访问的所有控制器等

现在我已经安装了grunt并为concat设置了我的任务，但是我怎么能有多个dest和src属性呢

grunt文件示例

grunt.initConfig({
    // Metadata
    pkg: grunt.file.readJSON('package.json'),
    concat: {
        options: {
            stripBanners: true
        },
        dist: {
            src: ['Scripts/jquery-*.js', '!Scripts/jquery-*.min.*', '!Scripts/jquery-*.intellisense.*', 'Scripts/bootstrap.js', 'Scripts/respond.js', 'js/**/*.js'],
            dest: 'dist/app.js'
        },
        distCss: {
            src: ['Content/bootstrap.css', 'Content/site.css'],
            dest: 'dist/app.css'
        }
    },
});

---

一旦我弄明白了这一点，我是否可以将多个ugilify属性用于ugilify创建的每个js文件？

您可以设置单独的任务，以便在运行grunt时执行。每个任务将连接不同的源

从：

在本例中，运行grunt concat将构建两个单独的文件。一个“基本”版本，其主文件基本上刚刚复制到dist/basic.js，另一个“with_extras”连接版本写入dist/with_extras.js

---

之后，您需要使用插件来缩小grunt concat的输出文件。

事实上，我们刚刚解决了这个问题。本来要拆下柱子的，但你提前接了。感谢您为多个附加文件（如-js和css）配置上述示例？这只是名称问题。您可以添加任意数量的具有不同名称的项。例句：基本的，额外的，食物，酒吧。。。欲了解更多信息，请访问

grunt.initConfig({
  concat: {
    basic: {
      src: ['src/main.js'],
      dest: 'dist/basic.js',
    },
    extras: {
      src: ['src/main.js', 'src/extras.js'],
      dest: 'dist/with_extras.js',
    },
  },
});