Bundlers e configurações diversas

Polyfills

Svelte preprocessor Vs Rollup Vs Storybook

Nesta stack podemos dizer que temos 3 bundlers diferentes.

O webpack é utilizado pelo storybook, e possui uma configuração feita pelo próprio storybook. Entretanto caso necessário podemos fazer nossas modificações.

O rollup foi o bundler que escolhemos para nossa stack, ele irá cuidar de fazer o build da aplicação.

E o svelte-preprocessos, que apresar de não ser um bundler, ele lida com importes a sua maneira, então estamos destacando aqui como um bundler para deixar claro que ele pode ser uma possível causa de problema neste sentido.

Caso você tenha algum problema de build, deve verificar se o problema é somente no storybook, com o rollup também, ou se é só dentro de um componente svelte, pois isso irá ditar qual bundler você deve alterar, ou qual formato de import utilizar. Veja um caso de exemplo no sass aqui.