使用 grunt 通过 config 组合来自不同目录的 js 文件答案

【问题标题】：Combine js files from different directories via config using grunt使用 grunt 通过 config 组合来自不同目录的 js 文件
【发布时间】：2015-06-11 09:34:23
【问题描述】：

我正在使用 grunt 和 sass，我正在寻找一个类似 sass 的功能来导入我喜欢的任何 JS 文件，并根据我所在的目录通过一些配置将它们组合成一个文件。

示例目录：

startpage
  file1.js
  file2.js
  importjs.json
page1
  file3.js
  file4.js
  importjs.json
global
  global1.js
  global2.js

除了 global 之外的每个目录都是一个页面正在使用的目录。全局包含在多个页面上使用的 js 文件。

现在 grunt 只是在一个目录中组合 js 文件。意味着 file1.js 和 file2.js 正在合并到 startpage.js。

我想要的是为每个目录创建一个 json/txt/whatever 文件，以在我的 startpage.js 中指定我想要的文件。

像 file1.js、global2.js 和 page1/file4.js

有没有办法使用 grunt 来完成这个任务？它也可以是 1 个带有数组的单个配置文件，我可以在其中指定每个站点所需的 js 文件。这些文件需要合并和缩小。

【问题讨论】：

标签： javascript gruntjs npm minify

【解决方案1】：

你可以使用 grunt concat

concat: {
  dist: {
    src: [
      'startpage/file1.js',
      'startpage/file2.js'
    ],
    dest: 'startpage.js'
  }
},

【讨论】：

谢谢，多目标的东西似乎是我喜欢的。它变得有点大，但它似乎在做我想做的事..
如果要指定的文件太多，可以使用'global/*.js'将所有js文件包含在全局中。