複数のファイルをbundle.jsに追加することをブラウザー化

Question

Browserifyを使用していくつかのファイルを1つのバンドルに追加したいと考えています。私は1つの "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 

私はそこにいくつか余分なものがあることは知っていますが、私の質問は、app.jsに必要な設定項目をエクスポートするので、そこにconfig.jsを含める必要はありませんか？もしそうなら、どうすればapp.jsとconfig.jsをbundle.jsに追加できますか？あなたはCLIでbrowserify app.jsを実行すると

おかげで、すべての

Answer 1

は、Browersifyは、エントリポイントとしてapp.jsを扱います。それぞれのrequire文でapp.jsのコードはmodule.exportsで返されたコードを持つライブラリを参照し、Browserifyはこれらのライブラリを横断し、すべてのJavaScriptを最終的なバンドル出力bundle.jsで一緒に連結します。

var config = require("./config");を指定することで、あなたは、module.exportsため./configに見えるそのコードを返し、var configに割り当てるBrowersifyを言っています。

これは私が投稿したものの丈夫で長めの説明です：https://benclinkinbeard.com/posts/how-browserify-works/