我一直在努力弄清楚如何将我的 StencilJS Web 组件库与 Svelte 一起使用。以下是我能想到的最好的。这可行，但我想知道这是否是“正确”的方法。
<script>
import {defineCustomElements} from "@oac/stencil-library/loader";
defineCustomElements();
</script>
<my-component></my-component>
基于使用 CDN 的 JavaScript 文档，看来我应该能够将它们加载到单个文件中，而无需调用
defineCustomElements()<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic.js"></script>
</head>
<body>
<ion-toggle></ion-toggle>
</body>
</html>
另外，是否可以加载单个组件？这可能是一个大图书馆。如果我们可以帮助的话，我们不希望最终用户加载每个组件。
多种方法都有效，尽管代码执行的时间/方式存在差异。
<svelte:head><svelte:head>
<script src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic.js"></script>
</svelte:head>
如果您已配置，这还应该包括服务器端渲染中的标签。