問題タブ [webpack]

famo.us で webpack を使用する方法

シードhttps://github.com/Vertice/famous-webpack-seedを見つけて、以前にうなり声で使用しているのを見たことがあります。誰かがGulpで実装するのを手伝ってくれるかどうか疑問に思っていました. 有名なモジュールを見つけて使用するために gulp-webpack を取得する方法を理解できないようです。コンパイル済みのrequireバージョンまたはnpmの非圧縮バージョンのいずれかを使用します。

開発サーバーの実行を開始する時点まで、ここの例に非常に大まかに従っています。

テスト用の React コンポーネントがあります (scripts/test.jsx 内):

ソースディレクトリに対してjsxローダーを使用しているwebpack.configがあります（ライブラリプロパティを追加していることを除いて、基本的に例と同じです）。

webpack を実行すると、期待どおりにバンドル ファイルが生成されますが、コンポーネントを html ファイルで使用しようとすると (bundle.js スクリプト参照を含めた後)、コンソールに次のメッセージが表示されます: " Uncaught ReferenceError: Test is not "と定義されています。

HTML には次のものが含まれます。

モジュールローダーを技術的に使用していないhtmlページに対してCommonJSスタイルで定義されたコンポーネントを使用するために何か間違ったことをしていますか?構造化モジュールローダーのタイプ)？

webpack の出力はこちらから入手できます

編集 2: 完全なサンプル コードは、github リポジトリとして入手できます。

モバイル Web プロジェクトに React を使用しています。より優れた対話性を提供するためにTapEventPlugin、 の別の実装で変更しtouchTap、要素の上にホバリングすることをシミュレートする新しいイベントを定義しました。

これを React と統合するために、プロジェクトをフォークし、ReactDefaultInjection.jsTapEventPluginの呼び出しに追加しました。ReactInjection.EventPluginHub.injectEventPluginsByName変更を加えたバージョンの React が必要な場合、これは問題なく機能grunt buildしますが、React とアプリケーションを 1 つの JS ファイルにバンドルしたいのですが、少し問題があります。

理想的には、フォークを停止し、バニラの npm React を使用して、アプリケーションから新しいイベントを何らかの方法でフックしたいと考えています。これは可能ですか？

別の方法として、React フォークの URL を package.json の依存関係として指定することもできますが、React プロジェクトのルートにある package.json は React ではなく、react-tools 用です。grunt ビルドをトリガーし、build/npm-react フォルダーをプロセスの一部として依存関係として使用する方法はありnpm installますか?

この質問で説明されているのと同じ問題に直面しています。ノードを使用している場合、基本的にsinonは必要なすべてのサブモジュールのみを取り込みます。AMD（私はwebpackを使用しています）を搭載したブラウザで使用しようとすると、明らかに手動で含める必要がありますlib/spy.js。

現在、sinon をエクスポートする webpack モジュールがあります。

ロールインするように変更するにはどうすればよいspy.jsですか?

これは何よりも CommonJS 構文の問題だと思います。

実行時に条件付きでロード/ロードしないモジュールがいくつかあります。ただし、同梱時のモジュール名はわかりません。私のコードは次のようなものです：

次に、上記のものを消費するモジュールがたくさんあります。次のようなものです。

しかし、ブラウザで「require.ensure is undefined」というエラーが表示されます。私は何を間違っていますか？何か不足していますか？