問題タブ [browserify-shim]

browserifyまたはwebpackのいずれかを使用して、余分なファイルなしでjavascriptを正しくシミングするにはどうすればよいですか?

react または react-redux の使用例を見てみましょう。package.json に次の構成があります。

私のプロジェクトでは、react-redux を lineimport { createStore, applyMiddleware } from 'redux';で使用し、react-redux を依存関係として追加しました。プロジェクトをコンパイルすると、約 20K 行の 1 つの JavaScript ファイルになります。

問題は、react-redux の cdnjs ( https://cdnjs.cloudflare.com/ajax/libs/react-redux/4.4.0/react-redux.js) を使用して react-redux をシムし、それを browserify-shim 構成に追加すると、私のプロジェクトは約 2K 行しか使用せず、react-redux js ファイルだけで約 700 行しか使用しないことです (そして、プロジェクトはまだ機能しています!)。

なぜそれが起こるのですか？browserify-shim に react-redux を追加することはできませんが、コンパイル済みプロジェクトの JavaScript に 18K 行ではなく 700 行しか追加できませんか?

ここで実際に起こっている魔法とは?

だから私はReactプロジェクトを持っています.Reactプロジェクトでは、フットプリントがはるかに小さいため、実際にreact-liteでデプロイしています. 私はreact-nouisliderを使いたいのですが、それは package.json で、私はこれを見つけました:

これが意味することは、react-nouislider が必要なときはいつでも、react-lite の代わりに React を取り込むということです。トップレベルの package.json から npm パッケージの依存関係をシムするにはどうすればよいですか?

これは、私が反応ライトをシムする方法です:

そして、私はこれを試しましたが、うまくいきませんでした:

パッケージ自体の依存関係をどのようにシムすることができますか?

を使用したことがない人のために説明するとsoma.js、これはマイクロ フレームワークであり、2 つのコア ファイルsoma.jsとsoma-template.js. それらは両方とも onnpmであるため、私のプロジェクトでは、htmlページにcdn URL をハードコーディングする代わりに、var soma = require('soma.js');とsoma.template = require('soma-template');

しかし、これはうまくいきませんでした。そこで、掘り下げ始めたところ、次のようになっていることがわかりましたsoma-template npm module source code。

に変更thisするとwindow、すべて機能します。ただし、理想的な世界では、npm モジュールのソース コードをいじりたくないので、app.js何らかの方法でメイン エントリ ポイント内で構成したいと考えています。

変数の現在のスコープを渡す必要があるように感じsomaますが、その方法がわかりません..

どんな助けでも大歓迎です。

運用サーバーの node_modules フォルダーは、継続的な展開を目的としたシンボリック リンクです。gulpコマンドを実行すると、次のような多くのエラーが発生しました: Error: Unable to find a browserify-shim config section in the package.json for /home/web/www/persist/node_modules/jquery-ui/jquery-ui.js while parsing file: /home/web/www/persist/node_modules/jquery-ui/jquery-ui.js] filename: '/home/web/www/persist/node_modules/jquery-ui/jquery-ui.js' . . . node_modules をプロジェクト フォルダーに移動すると、ビルド プロセスは成功します。この問題を解決するには？

tipsoというツールチップ プラグインを使用しようとしています。そして、依存関係マネージャーとして browserify と共に angular を使用しています。

このプラグインを除いて、私はすべてうまくいっています。browserify ではあらゆることが少し難しくなっていますが、これは悪夢に変わりつつあるようです。

私はかなり単純なtipsoのドキュメントに従いました。Uncaught TypeError: $(...).tipso is not a functionしかし、アプリを実行すると、Chrome コンソールにそのことを示すエラー メッセージが表示され続けます。

これは私のbroserify-shim構成です

ヒントが必要です

これがtipsoを初期化した方法です

任意の提案をいただければ幸いです。