エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Nuxt + Storybook のバンドルサイズをコントロールする - Yappli Tech Blog
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Nuxt + Storybook のバンドルサイズをコントロールする - Yappli Tech Blog
こんにちは、フロントエンドグループ EM のこん(@k0n_karin)です。 今回は、@nuxtjs/storybook を使用し... こんにちは、フロントエンドグループ EM のこん(@k0n_karin)です。 今回は、@nuxtjs/storybook を使用している際に、バンドルサイズをコントロールする方法についてお話します。 storybook.nuxtjs.org TL;DR pages や plugins などを使わない場合は、別名のディレクトリに一時的に変更してからビルドすると、バンドルサイズを削減できる。.nuxtignoreでもいいし、適当なshellを書いてもいい。 バンドルサイズの劇的ビフォーアフター。24.5MB → 7.4MBに削減。 問題の背景 @nuxtjs/storybook を使うと、pages や plugins が自動でインポートされます。これは Nuxt の便利な機能の一つですが、Storybook では使わないページやプラグインもあり、ビルドする際にもすべてバンドルされてしまうた