webpackのパフォーマンスヒントが厳しい

概要

webpackのbundleサイズのパフォーマンスヒントが厳しい。 244KBはさすがに厳しい。

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
  index.js (449 KiB)

解決策

本質的にはサイズを減らした方がいいわけだけど、パフォーマンスサイズのmaxサイズを変えて対処する...。

Performance | webpack

export.default {
  ...
  performance: {
    maxEntrypointSize: 500000,
    maxAssetSize: 500000,
  },
},

蛇足

本編に関係ないけど、vue.esm.jsが重い。

インストール — Vue.js

vue.runtime.min.js を使った方がいいんだろうけど、いろいろ変えないと動かないんだよなあ。

vue/dist/vue.esm.js を使わない方法 - Qiita

---

vue.js を勉強するなら 後悔しないためのVueコンポーネント設計

typescript を勉強するなら 実践TypeScript