🥺

StorybookをSWCでビルドする

2022/03/14に公開

JavaScript

storybook-addon-swc

webpackのconfigをよしなにゴチャゴチャして、babel-loaderとminifyをswcに置き換えるアドオンを作成しました。

使い方

npm installして

npm install -D storybook-addon-swc

addonsに追加するだけ

module.exports = {
  addons: [
    'storybook-addon-swc',
  ],
};

loaderとminifyのオプションを上書きする事も可能です。
デフォルト設定ではreact/typescriptに対応しています。
swcはまだminifyの動作が不安定なので、動作環境によってはオプションのカスタマイズが必要になると思います。

module.exports = {
  addons: [
    {
      name: 'storybook-addon-swc',
      options: {
        enable: true,
        enableSwcLoader: true,
        enableSwcMinify: true,
        swcLoaderOptions: {},
        swcMinifyOptions: {},
      },
    },
  ],
};

storybook-addon-swc

使い方

Discussion