Svelte 命名空间组件导出答案

【问题标题】：Svelte namespace components exportSvelte 命名空间组件导出
【发布时间】：2021-09-15 02:35:27
【问题描述】：

在文档中有一个Tags section 有这样的东西：

小写标签，如<div>，表示常规的 HTML 元素。大写的标记，例如<Widget> 或<Namespace.Widget>，表示一个组件。

如何导出<Namespace.Widget>或<Namespace.Whatever>这样的？

【问题讨论】：

【解决方案1】：

所以我认为这指的是当您从单个 .js 文件导出多个 .svelte 文件并将它们全部导入另一个组件中的单个命名空间时......它没有很好的文档记录，但它可以工作。

如果你有以下项目结构：

─ src/
  ├── child/
  │   ├── index.js
  │   ├── One.svelte
  │   └── Two.svelte
  └── Parent.svelte

在child/index.js导出同一个文件夹内的2个组件：

export { default as One } from './One.svelte'
export { default as Two } from './Two.svelte'

然后在Parent.svelte 中导入单个命名空间下的所有组件，而不是导入每个单独的组件：

<script>
  import * as Something from './child'
</script>

<Something.One />
<Something.Two />

您可以像https://svelte.dev/repl/18f41adb56fa46ff8b25cad7c1a388a4?version=3.38.3 一样测试 REPL 中的功能，如果没有正确的文件结构，它就没有那么有用了。

【讨论】：