問題タブ [browserify-shim]

bootstrap.js と jquery.js (両方とも npm でインストール) を vendors.js ファイルに結合したいのですが、呼び出して jquery を使用できるようにしたいですrequire('$')。そこで、gulp タスクを作成しました。

次に、構成をpackage.jsonに追加しました

最後にgulp/utilities/shim-config.jsでシムを設定します

しかし、タスクを実行した後、ブートストラップがjqueryの前にあるファイルを受け取るため、スローされますUncaught Error: Bootstrap's JavaScript requires jQuery

追加した

package.jsonに追加しましたが、役に立ちませんでした。私には、 browserify がこの変換を適用しないように思え.transform(browserifyShim)ます.transform(function() { throw new Error("OLOLO"); })。

すべてのベンダー ライブラリ (jQuery、moment.js、bootstrap.js など) コードをvendors.jsファイルに配置し、そこから jQuery をエクスポートして他のモジュールで再利用したいと考えています。

ブートストラップは jQuery に依存しているため、両方のモジュールをシムして依存関係を構成します。

パッケージ.json

シム-config.js

jQueryを外部依存関係として再利用するには、 vendors.jsrequireをビルドするときにメソッド呼び出しで指定しました

vendors.jsをビルドした後、jQueryコードがvendors.jsに2 回含まれていることがわかりました。1 回目は依存関係を解決するため、もう 1 回はライブラリをエクスポートするためです。jQueryのサイズを考慮すると、これは重大な問題です。

誰かがそれを解決するのを手伝ってくれますか?

browserify で処理されるAPP.JSプロダクションをコンパイルしようとしています。APP.JS

APP.JSコンパイル前

コンパイルされたバージョンでも上記とまったく同じパスが表示されますが、ファイルの内容も含まれています。これらのパスは本番環境でどのようにクリーンアップできますか? 多くのバックエンド アーキテクチャが明らかになっているので、これを非表示にしたいと考えています。

誰かがモジュールを npm で公開しなかったとしましょう。公開したとしても、それを commonjs モジュールとして持っていなかったとしましょう。ノード内でそのプラグインまたはモジュールを引き続き使用する方法はありますか? browserifyを使用してブラウザでノードコードを使用できることは承知していますが、逆の方法があるかどうか疑問に思っていました.
この質問は、私が調べている中で最も近いようですが、まだ回答がありません。

私の最終目標は、ノードで特に CJS モジュールではないライブラリを使用できるようになり、ノード/cli でコードをテストできるようにすることです。

browserify を使用して JavaScript を管理しようとしていますが、browserify-shim のステップでブロックされます。

私のファイルの構造は次のとおりです。

• 建てる：
  • パッケージ.json
  • gulpfaile.js
  • asset_src
    • bower_components
      • jquery-検証
        • 距離
          • jquery-validate.js

package.json には次のものがあります。

そして、私が持っているモジュールでは:

gulpを使用してビルドするたびに、モジュール「バリデーター」が見つからないというメッセージが表示されるため、何か間違ったことをしているに違いありません...

jquery-validate は、それ自体を jQuery および window オブジェクトの $ にアタッチします。私はこれのかなりの数の異なるバリエーションを試しましたが、これはドキュメントを見るのが最も正しいようです...他に何を試すべきか本当にわからないので、正しい方向への指示は本当に高く評価されます!

ごきげんよう、ジョイア

browserify -shimのページで、彼らは私が持っているユースケースを明示的に支援しようとしています:

スクリプト レベルで var foo = ... を宣言するだけのモジュールで、それが window オブジェクトにアタッチされると想定します。それらが実行される唯一の方法はグローバルなコンテキストであるため、「ええと…いいえ?!」

これを機能させるのに問題があります。browserify と browserify を使用したテスト プロジェクトがあり、次のファイルを browserify モジュールとして使用しようとしています。

相互に依存する 2 つの関数と jquery をugly.js ファイルで使用していることに注意してください。

醜い.js:

main.jsで使用したい:

package.json に以下を追加しようとしましたが、無駄に、「醜い」モジュールが見つかりません....

パッケージ.json:

bower、grunt、bowerify (shim を使用) を使用するプロジェクトがあり、Jest が大好きなので、それをテストしたいとします。テストを実行するときに、ブラウザー化された shim モジュールを見て冗談を言うにはどうすればよいでしょうか。grunt を使用して npm test コマンドを開始します。これが私のpackage.jsonファイルです。

現在、テストを実行する前に、私のうなり声ファイルでこれを行うことで、これをほぼ解決しています。

と。

問題は、browserify を使用して、ブラウザーのすべてを組み合わせると、私のセットアップでうまく機能し、このような shimmed モジュールを要求できることです。 require('jquery') //exampleしかし、jest cli では、何らかの方法でプレフィックス ./ を付けない限り、モジュールを見つけることができるため、テストは失敗します。require('./jquery')

Backbone と Marionette で構築された比較的大きなアプリがあります。つまり、すべてのファイルの先頭に次のようなものがあります。

Browserify のアイデアの一部は、グローバルが存在しないということであることは知っていますが、これは多くの不必要なボイラープレートのように思えます。私が望むのは、jQuery、Backbone、Underscore、および Marionette が通常どおりにグローバル変数をロードし、それらがどこでも利用可能であると仮定することです。browserifyでこれを行う方法はありますか?