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遍歷這些庫並在最終的捆綁輸出bundle.js中將所有的Javascript連接在一起。

通過指定var config = require("./config");，您告訴Browersify在./config中查找module.exports，返回該代碼並將其分配給var config。

這是對我發佈的內容的一種可靠的，更長的解釋：https://benclinkinbeard.com/posts/how-browserify-works/