現在、次のような Webpack ルールがあります。

特定のファイルを除外するだけで、babel-loader基本的にはそのままチェーンに渡すだけです。ローダーの残りの部分は、これらのファイルを除外すべきではありません。したがって、ファイルをexcludeルール全体に追加することはできません。

ローダーごとにファイルを除外できますか? 必要に応じて、プラグイン コードを作成したいと考えていますが、すぐに使用できるのが理想的であることは明らかです。

これは、この Angular2 Webpack の問題に関連しています: (私はこの問題を回避しようとしています) https://github.com/angular/angular-cli/issues/2730

Webpack 2 を使用してstore.jsライブラリを読み込もうとしています。このライブラリは、非常に単純な CommonJS モジュールで構成されています。こちらを参照してください。ただし、複数の問題が発生しています。

単純にロードすると、ソース フォルダに存在するrequire('store.js');別のstore.jsファイルが取得されます。

名前の競合を避けるために、webpack 構成でファイルにエイリアスを付けました。

今、私は次のようにモジュールを必要とします:

ただし、次の実行時エラーが発生します。

1. どうすればこれを機能させることができますか?
2. モジュールを「要求」するのは好きではありません。代わりにモジュールを「インポート」する方法はありますか? 私はどこでもES6インポートを使用しています。

Webpack に問題があります。正しくコンパイルしてツリーシェイクしますが、何百ものエラーが発生します。これは、エントリーポイントでモジュールが必要/インポートされていないため、そうすべきではないにもかかわらず、何らかの理由で node_modules の型定義で何かを行うためです。

私のwebpack.config.js:

私のエントリポイント (source/index.tsx) - 基本的に何もありません:

それが私に与えるエラー（短縮、それらはすべて似ています）：

バンドルに追加のファイルを含む webpack プラグインを作成しています (子コンパイラを使用)。これは問題なく動作しますが、今は監視サポートを追加したいと考えています。問題は、そこから関数を抽出しているため、インクルードされたファイルがメイン コンパイラ インスタンス内のすべてのファイルに依存する可能性があることです。通常、これは、プラグインによって提供される機能の一部を実際に使用しているファイルの小さなサブセットにのみ分類されます。私のアイデアは、プラグインがリソースを再度コンパイルする必要があるたびにインクリメントされるバージョン フラグを使用して、監視サポートを実装することでした...ただし、バージョンは、親コンパイラからのすべてのファイルがコンパイルされた後にのみ変更されます。親のファイルがコンパイルされた後、アセットが発行される前にモジュールの再構築を強制する方法はありますか (発行イベントは問題ありません。

私が達成しようとしていることはそれほど難しいことではないように感じます..しかし、webpackのドキュメントは深刻な混乱に陥っており、これに何時間も費やしています.

「動的」モジュールを webpack ビルドに挿入するにはどうすればよいですか? ビルド時にこのモジュールを作成したい。

簡単な例として、ビルド時にこの文字列を新しいモジュールとして挿入するにはどうすればよいですか?

次に、そのモジュールに「myDate」という名前を付けたいとしましょう

アプリケーション内の他のモジュールを次のように解決できるようにしたいと思います。

これは非常に単純な例です。私の目的はもっと複雑で、ファイルを読み取ってこの「動的」モジュールを作成する必要があります。define プラグインは知っていますが、残念ながら私のニーズには合いません。

助けていただければ幸いです。ありがとう。

Webpack 2 で次の構文を使用しようとしています。

しかし、私はエラーが発生しています:

私は何を間違っていますか?! js モジュールを Webpack 2 にインポートするにはどうすればよいですか?

完全を期すために、プロジェクトを可能な限り最小の例に要約し、以下のファイルを提供します。

webpack.config.js

パッケージ.json

tsconfig.js

src/main.ts

src/some.svc.js

これらのファイルをまとめて実行するwebpackと、同じエラーが表示されるはずです。

これを機能させるための簡単なものがありませんか？

純粋な ES6 (ジェネレーターなどを含む) として保持している別の API ライブラリを作成しましたが、それは isomorphic-fetch ライブラリに依存しています (したがって、ノードとブラウザーの両方のコンテキストで使用できます)。

別のプロジェクトでwebpack 2を使用してインポートすると、縮小/最適化プロセスを実行しようとするまで、すべてがうまくいきます。ジェネレーターの構文がサポートされていないため、UglifyJS はそれを処理しません。そのため、babel を使用して webpack ローダーとしてそのライブラリを実行しようとしましたが、ブラウザーでコードを実行しようとすると、次のエラーが発生します。

Uncaught (in promise) TypeError: Failed to construct 'Request': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

私はここでキャッチ 22 に巻き込まれているようです。Babel が特定のネイティブ クラスを保持しているのに、Request クラスを保持していない理由がわかりません。

これについて私の机に頭をぶつけていたので、どんな助けも大歓迎です。

webpack 2.1.0-beta.25 と Angular 2.1 を使用します。

config.json ファイルからルートをロードし、実行時にそのルートをそのコンポーネントとともに angular 2 アプリにロードできるようにしたいと考えています。

私は webpack 1 と古いバージョンの angular2 で、require.ensure() を使用して動的にロードされたコンポーネント用に別のバンドルを生成することに成功しました。

webpack 2 と angular 2.1 でこれを達成する最良の方法は何ですか?

ありがとう