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

Я пытаюсь выяснить, можно ли экспортировать каждый компонент Svelte как отдельный пользовательский элемент (с Shadow DOM) в его собственном файле js (с импортом для любых дочерних элементов, т.е. зависимости не включены в один и тот же файл). Это вообще возможно?

Спасибо


svelte svelte-component
person Paul    schedule 29.05.2019    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Я предполагаю, что вы используете 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

person Daniel    schedule 29.05.2019