問題タブ [factor-bundle]

一般的な JS ファイルをラップするために factor-bundle を使用しています。

次に、Common.js を HTML に組み込み、Bootstrap アラートを追加しました。

しかし、アラートの閉じるボタンは機能しないため、Bootstrap は明らかにピックアップされていません。

代わりに CDN の Bootstrap と jQuery を同じ HTML ページに含めると、問題なく動作します。

ここに私の common.js ファイルを含む JSFiddle がありますが、動作していません: http://jsfiddle.net/2v9easbz/

そして、ここに直接CDNリンクを含むJSFiddleがあり、正常に動作しています: http://jsfiddle.net/vkf027z2/

common.js ファイルの何が問題になっていますか?

npm、Gulp、および browserify を使用して、アプリケーションの半自動ビルド パイプラインを作成しています。これは私が達成しようとしていることです:

• スクリプトタグを介して含めることができるページ固有のファイルがあります（つまり、、page1.js... page2.js）
• ページ固有のスクリプト間で共有されているカスタム コードをcommon.js.
• npm 経由でインストールされたベンダー ライブラリ (つまり、ブートストラップ、jquery) を に抽出しvendor.jsます。

アプリケーションで browserify と browserify-shim を組み合わせることができません。私のウェブページには、、、およびが含まれvendor.jsてcommon.jsいpage1.jsます。ページを読み込もうとすると、スクリプトがしようとするとrequire('bootstrap')、ここで例外がスローされます。

ブートストラップがjqueryに依存していること、jqueryのエクスポートがjQuery変数にバインドされることを期待していることをbrowserify-shimに伝える必要があると思います。package.json でこれを実行しようとしました。

何が問題なのかを正確に特定するのに苦労しています。jquery:jQueryブートストラップのシム ( 、jquery:$、 )に入るために値のさまざまな順列を試しましたがjquery、役に立ちませんでした。browserまた、パスにさまざまな値を含めたり省略したりしてみました。また、コマンド ラインを使用してベンダー バンドルをビルドしようとしました: を使用し./node_modules/.bin/browserify -r jquery -r bootstrap > vendor.jsましたが、同じエラーがブラウザーに表示されます。browserify-shim と factor-bundle について多くの質問が寄せられていますが、この 2 つを組み合わせようとしている人には対応していません。

ここで問題を示すリポジトリを作成しました。インストールと再現の手順は README に記載されています。https://github.com/linkleonard/browserify-shim-factor-bundle

こんにちは、複数のページで共有される依存関係を持つ共通のバンドルと、各ページのページ固有のバンドルを作成しようとしています。

これを使用して複数のバンドルを作成できます: browserify-multiple-destination

ただし、重複を避けるために、共有依存関係を持つ共通ファイルを作成する必要があります。

一般的な依存関係を分離するために、このタスクにfactor-bundleを含めることは可能ですか?

Browserify + Globs (複数宛先) レシピ