我应该在 Svelte Kit 的什么地方添加 "customElemet:true"？

Question

我正在尝试在 Svelte Kit 中创建一个自定义元素，就像这样 <svelte:options tag="my-element" /> 在文档中有一行说您必须添加此行 customElemet:true 但是在哪里？ Svelte Kit 没有 rollup.config.js 带插件但 svelte.config.js 没有插件。

你知道在 Svelte Kit 的什么地方添加它吗？

Answer 1

在 svelte.config.js 中，您可以将键 compilerOptions 添加到 config 对象。在该键内创建一个新对象，将键 customElement 设置为值 true，即：

// svelte.config.js

// imports ...

/** @type {import('@sveltejs/kit').Config} */
const config = {
    compilerOptions: {
        customElement: true
        // other compiler options ...
    },

    kit: {
        adapter: adapter(),
        // other kit options ...
    },

    // other config options ...
};

export default config;

我应该在 Svelte Kit 的什么地方添加 "customElemet:true"？

Where should I add "customElemet:true" in Svelte Kit?

element

options

svelte

sveltekit