3

我试图找出是否可以将每个 Svelte 组件作为单独的自定义元素(使用 Shadow DOM)导出到其自己的 js 文件中(包含任何子元素的导入 - 即依赖项不包含在同一个文件中)。甚至可能吗?

谢谢

4

1 回答 1

3

我假设你正在使用rolluprollup-plugin-svelte

这样做的方法是使用代码拆分。您可以单独定义输入,这将创建单独的输出。您将使用输出目录,而不是使用文件名输出。

例子:

import svelte from 'rollup-plugin-svelte';

export default [
    {
        input: ['src/main-a.js', 'src/main-b.js'],
        output: {
            dir: 'public/module',
            format: 'es',
            sourcemap: true
        },
        plugins: [svelte()],
        experimentalCodeSplitting: true,
        experimentalDynamicImport: true
    },
];

来源/参考/示例:https ://github.com/Rich-Harris/rollup-svelte-code-splitting

于 2019-05-29T14:53:57.130 回答