Nuxt.js で build 時に maxAssetSize をいじる方法
個人プロジェクトで Nuxt.js を使っているんですが、build したときに以下の警告を授かりました。
WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
img/f9208fd.png (943 KiB)
img/4c526aa.png (630 KiB)
いや画像はプロジェクトのディレクトリ配下に直接置くなよって話なんですけど、そこは置いておいて。
この警告は Webpack 側からのもので、performance.maxAssetSize のデフォルト値を超過しているために出る警告です。
The following asset(s) exceed the recommended size limit (244 KiB).
デフォルト値は 250000(bytes) なので 250KB ですが、上記部分で言われているように KiB 換算すると 244.140625 KiB になりますね。この値をいじりたいときは、nuxt.config.js に以下のように書けば良さそうです。
export default {
build: {
extend(config) {
config.performance.maxAssetSize = 300000;
}
}
}
そもそもビルドするときのサイズはできる限り小さくした方が良いと思うので、ここをいじるのは避けた方がいい気はしますが、一応いじるときはこんな感じでいけそう。