問題タブ [webpack]

react-router を webpack-dev-server で動作させようとしていますが、/SOMEURL を取得できません。これは、webpack-dev-server がその特定のファイルを探していますが、見つからないためです。ファイル自体を検索するのではなく、react-routerを使用することにwebpackを頼りたいです。

どうすれば設定できますか？

私のうなり声：

React アプリケーションの開発に webpack を使い始めたところです。私の設定ファイルは次のとおりです。

構成ファイルで指定されているように、必要なすべてのソースがファイルにバンドルされます。./build/bundle.js また、次のコマンドを使用して webpack の開発サーバーを実行している場合、

エラーなしで最初に次の出力が得られます。

http://localhost:8080/webpack-dev-server/で期待どおりにアプリが実行されていることを確認できますが、 CD を に取り込もうとすると/Users/xyz/Desktop/pqrProj/build、そのようなファイルやディレクトリがないというエラーが表示されます。

RequireJS のように必要なときに CDN から外部 jQuery をロードすることは可能ですか? config のどこかに外部 jQuery ソース (CDN 上) を指定し、それを CommonJS (または AMD) スタイルで使用することを意味します。

問題は、jQuery の CDN リンクの上にカスタム スクリプトがあるため、「変数 jQuery が見つかりません」というエラーが発生することです。概略的に私のコードは次のようになります。

Velocity.js を既存の webpack フレームワークに統合し、jquery への依存関係として機能させるのは非常に困難です。

基本的に、velocity.js は、jquery (または $) がグローバル オブジェクトで使用可能であることを想定しているため、次のような機能を拡張でき$(elem).velocityます。「expose-loader」を使用して と ウィンドウの両方を公開しようとしましjqueryた$が、エラーが発生しましglobal is not definedた。以下は私のwebpack構成からの抜粋です

非縮小版も試してみました。これは、jquery のロードによるエラーが発生する場所です。

Velocity特にvelocity.jsをグローバルウィンドウに公開できるため、expose-loaderがどのように機能するかわかりません。また、上記の重要性を理解できません。

フォールバックとしてvar Velocity = require("velocity")、アプリファイルに移動し、jquery を利用できない場合と同様に、velocity.js を使用する必要があります。

ヘルプやアドバイスをいただければ幸いです。

外部ファイルを webpack (コンテキスト外) に含めて、そのファイルをビルドされた出力 bundle.js に含めることはできますか?

「サブアプリ」が webpack のコンテキストであるこの設定を検討してください。

• /sub-app/entry.js
• /bower-components/zepto/zepto.js

ブロッコリーを使用した webpack 構成:

出力 bundle.js に zepto.js を含めたいと思います。しかし、サブアプリの外で bower_components を保持する必要があります。

私は自分のアプリケーションで Webpack を使用しています。ここでは、すべての JavaScript ファイル/コード用の bundle.js と、jQuery や React などのすべてのライブラリ用の vendors.js という 2 つのエントリ ポイントを作成しています。依存関係として jQuery を持つプラグインを使用するにはどうすればよいですか? vendors.js にもそれらを含めたいですか? これらのプラグインに複数の依存関係がある場合はどうなりますか?

現在、この jQuery プラグインを使用しようとしています - https://github.com/mbklein/jquery-elastic。Webpack のドキュメントには、providePluginと imports-loader が記載されています。providePlugin を使用しましたが、まだ jQuery オブジェクトを使用できません。これが私のwebpack.config.jsの外観です-

しかし、これにもかかわらず、ブラウザ コンソールにエラーがスローされます。

Uncaught ReferenceError: jQuery が定義されていません

同様に、imports-loader を使用すると、エラーがスローされます。

require が定義されていません'

この行で：

ただし、同じプラグインを vendors.js ファイルに追加せずに、代わりに他の JavaScript コード ファイルをインクルードする方法と同じように通常の AMD の方法で必要とする場合に、同じプラグインを使用できます。

しかし、これは私がやりたいことではありません。これは、jquery.elastic.source.js が私の JavaScript コードと一緒に bundle.js にバンドルされていることを意味し、すべての jQuery プラグインを vendors.js バンドルに入れたいからです。では、これを達成するにはどうすればよいですか？

webpack を使用してアプリケーションをビルドすると、resolveLoaderconfig を使用してクエリ パラメータを操作する際に問題が発生します。具体的には、bundle-loaderを使用していますが、代わりに独自のカスタム ローダーを使用し、アプリ コードの変更を避けたいと考えています。

App.js

ウェブパック構成:

上記は機能しますが、クエリ パラメータは無視されます。誰かがこれに対する解決策を持っているので、アプリでこれを行う必要がなくなります:

明確にするために-これはwebpackプラグインの作成に関する質問です

requirewebpack プラグイン内で webpackをどのように使用しますか?

プロジェクトで依存関係として使用する必要がある JavaScript ファイルがあります。github リポジトリはなく、bower や npm にもありません。ここにあるだけです。

http://a.klaviyo.com/media/js/learnmarklet.js

次のようにbowerでインストールできます：

私はそれが私のプロジェクトの次の場所にあることを知っています:

_learnqそして、グローバルウィンドウオブジェクトに呼び出される変数をアタッチすることを知っています。

私が欲しいのはこれだけです。

klaviyoこのようなエイリアスを作成する必要があります。

_learnqそして、このような変数のエクスポートを「シム」します。

webpackでこれを行うにはどうすればよいですか?

これは私が試したもので、これが私のwebpack.config.js外観です。

私はできるようにしたい:

1. モジュールをロードして名前空間に割り当てます。

2. モジュールをアンロードします。

3. モジュール名を変更します。

しかし、コンソールからこれを実行できるようにしたいと考えています (つまり、コンパイル後の実行時)。これどうやってするの？