我应该在 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键。在该键内创建一个新对象，用值设置键，即：compilerOptionsconfigcustomElementtrue

// 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;