Question

我试图找出是否有可能将每个Svelte组件作为单独的Custom元素（带有Shadow DOM）导出到其自己的js文件中（对于任何子元素都具有导入功能-即依赖项未包含在同一元素中）文件）。甚至有可能吗？

谢谢

Answer 1

我假设您正在使用rollup和rollup-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

从Svelte组件导出单独的自定义元素

1 个答案: