問題タブ [webpack]

モバイル 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」というエラーが表示されます。私は何を間違っていますか？何か不足していますか？

フロントエンドの設計プロセスをよりモジュール化しようとしており、webpackを検討しています。スタイル ローダーをサポートしているため、css ファイルをインポートして、次のようにドキュメントに挿入できます。

ただし、私の主な焦点は webapps ¹ではなく web サイトであるため、javascript を使用して css を追加するのは奇妙に感じます。しかし、私は時代遅れかもしれないので、疑問に思っています.ローダーはすべてのcssに使用されることを意図しているのか、それともcssの小さな条件付き部分をロードすることのみを意図しているのか?

また、すべての css をロードするために使用できる場合bundle.js、html で css ファイルを直接リンクするのではなく、css を挿入するために生成された webpack を使用するときにペナルティはありますか? JavaScriptが有効になっていない場合、明らかに壊れていますか？

1: 違いは、動的コンテンツがほとんどないこと、これらの Web サイトで JavaScript が果たす役割は小さいこと、JavaScript を使用してルーティングしていないが、ページに静的な .html ファイルがあることです。

こんにちは、webpackでこの問題が発生しました。require('../something')あるファイルから実行してからrequire('../../something')別のファイルで実行すると、両方とも同じファイルに解決されます。ただし、出力バンドルを見ると、同じ内容の 2 つの異なる webpack 関数があります。require('something')エイリアスを使用してこれを修正し、両方のファイルで実行できると確信しています。しかし、これは正しい方法ですか、それとも何か不足していますか?

ところで、これが必要なのは、angularjs がコントローラーの定義を解除することでいくつかの問題を引き起こしているためです。

requirejs のように、現在のファイル パスを受け取る方法はありますか?

WebPack を使用して「対決」を含めようとしています。問題は、showdown が require("fs") を実行し、戻り値を確認することです。これにより、WebPack がエラーをスローします。

require("fs") の呼び出しが false を返すように、シムを生成するように Webpack を構成することが可能であるように思われます。

おそらく、これらの手法のいずれかが機能する可能性があります: http://webpack.github.io/docs/shimming-modules.html

これが Showdown.js コードです。node modules ディレクトリ内のこのコードをコメントアウトすると、問題は解決します。ただし、もっと良い方法があるはずです。

以下のコード サンプルで、コメント行がマーク付きのインポートに機能しないのはなぜですか? https://github.com/shama/es6-loaderを使用しています

サンプル リポジトリは次のとおりです: https://github.com/justin808/react-tutorial-hot/tree/es6

このデモは以下を示しています: 1. Webpack とホットリロード 2. React 3. ES6

RequireJS で使用できる AMD スタイルで記述されたライブラリがあります。jqueryライブラリの利用者が提供するものとjquery-uiみなされます。次のように表示されます。

私はwebpackがどのように機能するかを理解しようとしています。たとえば、これらのファイルを 1 つの AMD スタイル ライブラリ ファイルにバンドルしたいとしjqueryますjquery-ui。

これはどのように達成されますか？

main-lib.jsas -point を指定して webpack を実行すると、entry見つからないというエラーが表示されます。で正しいパスを構成すると、 と にバンドルされますが、これは私が望むものではありません。使ってみましたが駄目でした。jqueryjquery-uiresolve.aliasjqueryjquery-uiout.jsoutput.externals

これが私のwebpack.config.js

で構築しています

私のdistフォルダでは、私は取得しています

• bundle.min.js
• bundle.min.js.map

非圧縮も見てみたいbundle.js