39
33

More than 5 years have passed since last update.

Webpack2のパフォーマンス警告を制御する

Posted at

備忘録

webpack2で下記のような警告が出る

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (250 kB).
This can impact web performance.
Assets:
  my-file.min.js (251 kB)

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (250 kB). This can impact web performance.
Entrypoints:
  main (251 kB)
      my-file.min.js


WARNING in webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/

警告は直せるほうが良いとはいえ、デフォルト設定がかなりきつく(多分require.ensureとかSystem.importをベースに考えられている)
真正面から向き合おうとするとなかなか簡易じゃないパターンがあったり、ライブラリビルドの場合そもそも無用なものだったりするパターンがある。

解決編

ざっくりオフにしてしまうなら下記

module.exports = {
  module: {
   //...
  },
  plugins: [
   //...
  ],
  output: {
   //...
  },
  // ...
  performance: { hints: false } // これ
}

詳しくは下記参照

全部オフにせず閾値を変えるのも出来る

  • maxEntrypointSize
    • entrypointサイズの警告の閾値を変更する。
    • defaultは250kb
  • maxAssetSize
    • assetのファイルサイズ警告の閾値を変更する
    • defaultは250kb
  • assetFilter
    • asset警告を出すファイルを決定する関数
    • .mapファイルは無視するとか出来る
39
33
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
39
33