問題タブ [browserify-shim]

私は最初に npm から ionic をインストールしようとしましたが、

npm ionic バージョンが browserify の不明なパスにバンドルされているため、機能しません。

次に、bower からインストールし、browser-shim を追加しました。

パッケージ.json

libs は私の bower フォルダーです。

browserify で ionic が見つかったようです。しかし、次のイオンエラーがあります。

ionic.js は、window オブジェクトが null であると不平を言っています。

正しく ionic を要求するために何が欠けているか知っていますか?

index.html

js/main.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 11.2 と Browserify Shim 3.8 を使用しており、CDN からロードされた jQuery で slick-carousel (npm 経由で含まれる) を利用しようとしています。これには Browserify shim を使用する必要があることは認識していますが、動作させることができません。

これが私のpackage.jsonファイルの関連部分です。

slick-carousel を要求しようとすると、次のエラーが表示されます。

Cannot find module 'jquery' from 'path_to_node_modules/node_modules/slick-carousel/slick'

ただし、require('jquery') を定数に出力すると (eg)

const jq = require('jquery')、私が期待するようにjqueryがあります。

現在、私のスクリプトには、テスト用に次のものが含まれています。

私はいつも Browserify Shim に頭を悩ませてきました - 私が間違っていることについてのガイダンスは大歓迎です。

jQueryプラグインをブラウザ化しようとしていますが、ブラウザコンソールで常にこのエラーが発生します: Uncaught Error: Cannot find module 'jquery'

これは私のpackage.json部分がどのように見えるかです：

前もって感謝します ：-）

基本的に空の最小限の index.js があります。

風船をサイズで使用するときconst $ = require('jquery')。index.js

const $ = require('jquery')私を使用しない場合index.jsは13kbです。

const $ = require('jquery')私の900+ index.jskbで

私が使用しているjqueryライブラリは250kbなので、それは私には意味がありません.

browserify / browserify-shim が原因で index.js のサイズが膨らむのはなぜですか?

これが私のpackage.jsonです：

ES6を使用しているため、gulpで変換babelifyも使用していることに注意してください。

私のgulpタスクには次のものがあります：