【webpack】キャッシュ削除後のチャンクに関する警告を解消する方法

asaba 著者:asaba

【webpack】キャッシュ削除後のチャンクに関する警告を解消する方法

キャッシュ削除後npm run buildをしたらbundleに関する

警告に遭遇。

in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
javascript.bundle.js (3.07 MiB)
5.bundle.js (2.5 MiB)
14.bundle.js (555 KiB)

 

チャンクしたファイルが重すぎますよとのこと。

実はこの幅が大きすぎていまいち基準がよくわかっていなくて、大きなものは

3MB,軽いものは555KBとややタイトな印象が受けられます。

致命的なエラーではないので気にはならないものの、

警告ということなのでやはり将来を見越すと見過ごせないと

感じperformanceを以下のように修正。

 

</pre>
performance: { hints: false }
<pre>

 

今後チャンクを増やすごとに警告が増えていては

きりがないのでfalseにして少し重い程度で傾向を

出さないようにして解決。

  • この記事いいね! (0)

著者について

asaba

asaba author

好きなもの:RPG、チョコミント 少しずつ頑張ります。