問題タブ [browserify-shim]

最新のノードと Grunt 0.4.x を使用して、0.10.x を反応させます

Grunt を介して、jquery が必要な React JSX ファイルで browserify を実行する方法:

同様の問題について読んだ後、shim 変換をpackage.jsonに移動しようとしました。私のpackage.jsonファイルの一番下に次のものがあります：

Grunt の単純な JavaScript ファイル ("var $ = require('jquery');" のみ) で解決するために browserify を取得できません 。Gruntfile.jsには次のものがあります。

Grunt を実行すると、次のエラーが発生します。

これが機能するようになったら、「reactify」をpackage.jsonの変換配列に追加できると思います。

これでpackage.jsonでAngularをシムすることができました

そしてこれはshim.jsにあります

このようにして、angular を別の script タグに含めることができ、browserify によってバンドルされることはありません。ただし、ngRoute で同じことを行う方法がわかりません。助けていただければ幸いです。

browserifyを使用してフロントエンド コードをバンドルしています。これまでのところはうまくいっていますが、npm と非 npm パッケージを混在させるのに苦労しています。たとえば、jQuery プラグインの非 CJS バージョンで npm バージョンの jQuery を使用します。

私の現在の解決策は、browserキーを使用package.jsonしてjQueryのdistを指し、それを使用browserify-shimしてプラグインの依存関係として追加することです。

私が現在持っているものよりもこれを行うためのよりクリーンな方法はありますか?

編集:現在、npm を使用してすべてpackage.jsonの依存関係を管理しようとしているため、このプロジェクトでは bower を使用したくありません。私をクレイジーと呼んでください:)

パッケージ.json

browserifyチームが取り組んでいる新しいプロジェクトを構築するためにを使用しようとしていますが、 からの変換を認識しませんpackage.json。2 台のマシンではビルドされますが、他の 2 台ではビルドされません。

これが私の関連する部分ですpackage.json。

コマンドラインからbrowserifyを実行しています。私のチームには 4 台のコンピューターがあり、1 台のコンピューターで動作していますが、Mac2Windows台のコンピューターで動作Windowsしていません。私たちはすべて同じレポからプルしました。すべてのバージョンbrowserifyとnpmバージョンは同じです。次に何をすべきですか？

簡単な背景: 私は browserify と browserify-shim (および gulp をビルド) を使用して Web アプリを作成しています。この問題の前はrequire、npm から jquery を実行していたので、問題はありませんでした。いくつかの最適化を開始すると、jQuery が含まれているバンドルがいかに巨大であるかに気付きました。そのため、script タグを使用して CDN から jQuery を取得し、bundle.js ファイルの前に配置しています。しかし、jQuery をグローバルとして宣言し、jQuery プラグインを browserify および browserify-shim で適切にシミングする際に問題が発生しています。gulp を実行してビルドすると、同じエラーが発生し続けます。

[gulp] gulp-notify: [Compile Error] module "jquery" not found from "/Volumes/Chetan/Users/cshenoy/Projects/urbanstems-node/app/plugins/jquery.inview.js"

browserify-shim は、jQuery がグローバルであることを認識していないようです。

参考までに、私はinview プラグインを使用しています。

関連する部分を含む私のpackage.jsonは次のとおりです

エラーの診断に役立つ他に何を含めることができるか教えてください。

Bufferコアモジュールがさまざまな場所で使用されているライブラリをブラウザ化しようとしています。

Bufferこのコアを、使用している別のライブラリと合わせたいと思います。

シムしたいモジュールを指定できるhttps://github.com/thlorenz/browserify-shimを調べてみましたが、うまくいかないようです。

というファイルを作成しましたshim.js

のPackage.json

そしてGruntfile.js（私は使用していgrunt-browserifyます）

今、私がうなり声を上げてファイルをビルドすると、これがまだ必要であることがわかります：

そして、私のブラウザで不平を言っています