🥺

StorybookをSWCでビルドする

2022/03/14に公開約600字

storybook-addon-swc

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

https://github.com/Karibash/storybook-addon-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: {},
      },
    },
  ],
};

Discussion

ログインするとコメントできます