使用 grunt 通过配置合并来自不同目录的 js 文件

Question

我正在使用 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 文件。这些文件需要合并和缩小。

Answer 1

你可以使用 grunt concat

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

Combine js files from different directories via config using grunt