如何将多个 CommonJS 模块与 Gulp.js 组合在一个 JS 文件中？答案

【问题标题】：How do I combine multiple CommonJS modules in a single JS file with Gulp.js?如何将多个 CommonJS 模块与 Gulp.js 组合在一个 JS 文件中？
【发布时间】：2019-08-08 15:49:41
【问题描述】：

我已经将 Gulp.js 用于各种不同的实现，其中一些只是简单地缩小单个 JavaScript 源文件，其中一些是缩小和复制多个文件，而另一些则是使用browserify 并将多个相互依赖的文件组合成一个压缩文件（可选地在中间使用 Babel 进行转译等）。

然而最近，我遇到了一个我从未在我的任何实现中涵盖的独特（对我而言）场景：将多个 CommonJS 模块文件连接到一个缩小的构建文件中。

考虑以下示例：

有一个名为common.js的通用文件，内容如下-

module.exports.add = (a, b) => a + b;
module.exports.subtract = (a, b) => a - b;
module.exports.foo = ...

还有另一个（比如index.js）使用此文件公开的功能之一 -

const common = require('./common');

const sum = common.add(1, 2);

console.log(`The sum is ${sum}.`);

当我提供index.js 作为条目时，有没有办法连接两个文件？如果是 ES6 模块甚至 AMD，我可以使用 browserify。并不是说我尝试过，但是将它用于永远不会在浏览器中运行的东西听起来很奇怪。

感谢任何帮助。

【问题讨论】：

标签： javascript gulp commonjs gulp-4

【解决方案1】：

在环顾四周并发现没有人谈论过这样做（据我所见）之后，我得出结论，根本不需要串联模块。

连接不会用于任何目的（与 Web 不同），并且目标文件或（文件）将驻留在同一本地目录中。我试图解决的问题甚至根本不存在。因此，我决定为每个源文件维护一个目标文件。

【讨论】：