Экспорт отдельных пользовательских элементов из компонентов Svelte

Question

Я пытаюсь выяснить, возможно ли экспортировать каждый компонент Svelte как отдельный пользовательский элемент (с 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