SvelteでStorybookとsvelte-preprocessを使う方法

TL;DR

.storybook/webpack.config.jsを、以下の内容で作成する。

const sveltePreprocess = require("svelte-preprocess");

module.exports = async ({ config, mode }) => {
  const svelteLoader = config.module.rules.find(r => r.loader && r.loader.includes("svelte-loader"));
  svelteLoader.options = {
    ...svelteLoader.options,
    preprocess: sveltePreprocess()
  };
  return config;
};

背景

このIssueや記事が参考になりますが、少々古いせいか、そのままでは動きませんでした。

色々試していたら動いたので貼っておきます。

環境: Windows10 / Svelte / rollup / TypeScript