分组svelte组件

Question

我很好奇是否有任何方法可以将组件组合在一起。

我现在做的是这样的

import Button from "./common/Button.svelte";
import Link from "./common/Link.svelte";
import Text from "./common/Text.svelte";

但如果能将它们分组，这样我就可以写出下面这样的内容

import {Button, Link, Text} from "./common";

这个是可能的吗？

我已经尝试创建了一个js文件

import Button from "./Button.svelte";
import Link from "./Link.svelte";
import Text from "./Text.svelte";

export default {
  Button,
  Link,
  Text,
};

但是当我尝试使用它时，我得到了错误Text is not a constructor，所以我认为我做错了什么

Answer 1

这似乎就是解决之道

export { default as Button } from "./Button.svelte";
export { default as Text } from "./Text.svelte";
export { default as Link } from "./Link.svelte";