問題タブ [ts-loader]

Angular 2 アプリケーションをビルドし、webpack にバンドルします。現時点では、私のアプリケーションはまだ小さいですが、webpack タスクには既に約 10 秒かかります。コンパイルとパッケージ化の所要時間を改善するために、webpack 構成または TypeSript コンパイル オプションを最適化することは可能ですか?

これは私が使用するwebpack構成です:

そして tsconfig :

更新 (修正された webpack.config については私の回答を参照してください)

@jpwiddy によって提案された DLL webpack プラグインを試してみます。angular を別のビルドでコンパイルすることで、開発中にアプリケーション コードのみを再構築し、コンパイルにかなりの時間を費やす必要があります。

ただし、出力 JS を調べたところ、ファイル サイズはまったく同じで、内部にまだ角度のあるコードが残っています。

angular ソースの新しい webpack 構成ファイルは次のとおりです。

そして、アプリケーションの更新された webpack 構成:

これは、アプリケーションの JS 出力で見つけた角度コードの 1 つです。

出力にAngularソースを含むwebpackを防ぐために、新しい構成で何かを見逃しましたか?

ありがとうございました

私は webpack 1.13.3 を使用しています。この質問に答えて、一番下に tsconfig.json を提供しました。

インクルード、エクスクルード、または両方の組み合わせを使用しても、ローダーには常に node_modules パッケージが含まれています。

ウェブパック構成:

私はあらゆる種類の組み合わせを試しました：

1) regex/src/または directのみを含めるpath.resolve(__dirname, "src")

/node_modules/2) 正規表現またはダイレクトを使用してのみ除外するpath.resolve(__dirname, "node_modules")

include3)との両方を同時に使用してみましたexclude。

node_modules 内のファイルの ts-loader から常にエラーが発生します。つまり、次のようになります。

何をすべきかわかりません.ローダー構成の除外/インクルードは、webpackに変換対象のファイルをインクルードまたは除外するように指示すると想定されています.node_modulesファイルを常に含めるにはどうすればよいですか?

EDIT 1:問題がある場合、これは私の tsconfig.json です