javascript - Browserify 将多个文件添加到bundle.js

Question

我想使用 Browserify 将几个文件添加到一个包中。我有一个“app.js”文件和一个“config.js”文件。配置有一些连接端点信息，最后有

module.exports = config;

我不擅长这些东西，但我假设这是需要的，因此可以在其他地方引用它。

所以我的 app.js 文件有一些要求，如下所示:

var documentClient = require("documentdb").DocumentClient;
var config = require("./config");
var url = require('url');

我知道使用 browserify 我可以通过执行以下操作来创建一个文件，例如他们的入门教程:

browserify app.js --debug | exorcist bundle.map.js > bundle.js

我知道其中有一些额外的东西，但我的问题是，我是否还需要在其中包含 config.js，因为它导出了 app.js 需要的一些配置项？如果是这样，我如何将app.js和config.js添加到bundle.js中？

谢谢大家

Answer 1

当您在 CLI 中运行 browserify app.js 时，Browersify 会将 app.js 视为入口点。 app.js 代码中的每个 require 语句都会引用一个库，该库包含通过 module.exports 返回的一些代码，Browserify 会遍历这些库并将所有 Javascript 连接在一起，形成最终的捆绑输出 bundle.js。

通过指定 var config = require("./config");，您可以告诉 Browersify 在 ./config 中查找 模块。导出，返回该代码并分配给var config。

这是对我发布的内容的可靠、冗长的解释:https://benclinkinbeard.com/posts/how-browserify-works/