概要
Nuxt.jsにてファイル出力時(nuxt generate)の際に、[BABEL] Note: The code generator has deoptimised the styling of・・
というファイルサイズが大きすぎるというメッセージが出ることがあります。ファイルサイズが大きいというだけなので無視もできるのですが、このメッセージを非表示にする方法を書いてみたいと思います。
対応
-
[BABEL] Note: The code generator has deoptimised the styling of "〜〜.js" as it exceeds the max of "500KB".というエラーが出たの記事にあるとおり、babelの設定で
compact
というのがあるのですが、これをfalseにすればいけそうです。 - Nuxt.jsでどうやってbabelの設定を行えばよいかというと、こちらの公式ドキュメントの記述にある通り、
nuxt.config.js
のbuildプロパティで設定を行えます。
設定例
nuxt.config.js
export default {
build: {
babel: {
babelrc: false,
compact: false
}
}
};