vue 3 build + webpackによるJavaScriptヒープメモリ不足の問題を解決

Question

私のローカル ビルド環境では、Webpack 構成が存在するベース ディレクトリにいくつかのディレクトリがあります。これらのディレクトリには、かなりの数のファイル (デバッグ環境の一部である他のアプリケーション) が含まれています。

リーリー

exclude を使用して dir1 と dir2 を除外しましたが、役に立ちませんでした。これらのディレクトリを完全に削除すると、ビルドは完了します。したがって、すべてのメモリを消費するものはすべて、「除外」ルールが適用される前に実行されるようです。ノードのメモリ制限を増やすことに興味がないことに注意してください。それが本当の問題ではないと思います。論理ファイル リンクを使って魔法を使いたくないのです。

＃＃＃何か案は？

問題は実際には vue-loader プラグインにあるのではないかと思いますが、webpack で「verbose」フラグを使用してもダンプ以外のエラーは表示されないため、確信は持てません。

以下は私の Webpack 構成です (ビルドの開始には grunt を使用しています)。

exclude および include 含めるファイル (include) または除外するディレクトリ (exclude) への絶対パス。正規表現の除外も使用してみました。

package.json の関連部分も追加しました

リーリー リーリー ＃＃＃間違い：＃＃＃ ああああ

Answer 1

ファイルが多すぎるか、ファイルが大きすぎます。できることは、node フラグ --max-old-space-size を使用してメモリ クォータを増やすことだけです。

Webpack を実行する前に、環境変数を使用してメモリ オプションを設定します。

リーリー

次に、webpack コマンドを実行します。あるいは、次のようにすることもできます:

リーリー