我试图找出是否可以将每个 Svelte 组件作为单独的自定义元素(带有 Shadow DOM)导出到其自己的 js 文件中(导入任何子元素 - 即依赖项不包含在同一文件中)。有可能吗?
Thanks
我假设你正在使用rollup
and 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 https://github.com/Rich-Harris/rollup-svelte-code-splitting
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)