Change default main.js config for svelte project

Currently, when installing storybook in a svelte project, it’s not possible to import an external svelte component. The following error occurs:

Module not found: Error: Can't resolve .......

To Reproduce Just import an external library that relies on the “svelte” entry. In my situation, I tried to use svelte-loading-skeleton

Additional context As mentioned here https://github.com/storybookjs/storybook/issues/9542 the solution is to add this

  webpackFinal(config) {
    return {
      ...config,
      resolve: {
        ...config.resolve,
        mainFields: ['svelte', 'browser', 'module', 'main']
      }
    }
  }

to the main.js file. But it doesn’t make sense in my opinion not to have that by default when you use svelte. (I used npx sb init to install storybook on my existing project). So my request is to add that snippet (or something that fix this issue) by default when using npx sb init on a svelte project.

[shilman]

Son of a gun!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.2.0-rc.0 containing PR #14235 that references this issue. Upgrade today to the @next NPM tag to try it out!

npx sb upgrade --prerelease

Closing this issue. Please re-open if you think there’s still more to do.

[j3rem1e]

this belong to the default svelte webpack preset, imo. It’s implemented in the linked PR.