![](https://cdn-ak-scissors.b.st-hatena.com/image/square/342ca15af3510dcf33a179fe16f25181e7cbc3b1/height=288;version=1;width=512/https%3A%2F%2Fstorage.googleapis.com%2Fzenn-user-upload%2Favatar%2F9a844c0436.jpeg)
エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Storybook 7.0 αを使う & SVGを読み込めるようにする
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Storybook 7.0 αを使う & SVGを読み込めるようにする
npx sb init時に作成されるデフォルトコンポーネントでコンパイル時間を比べると ViteのBuilderが1~3秒... npx sb init時に作成されるデフォルトコンポーネントでコンパイル時間を比べると ViteのBuilderが1~3秒で、Webpack5のBuilderは6~9秒と3倍近く違います (ESBuildなので型チェックとか犠牲にしているが故の速さの可能性あり) Next.jsは独自のRustコンパイラを扱っているものの、多くはWebpackに内部依存しており、 Storybookのメンテナー曰く、Next.jsのBuilderでViteを使うのはサポート外だと言われているので、 本来Next.jsのBuilderはWebpackを使う方が良いのですが、普通に動作するので自分はBuilderにViteを使っています そして現在、Next.jsでSVGファイルを読み込むためにbabel-plugin-inline-react-svgを利用していますが、Storybookがコンポーネントが読み