如何将数据从一个 svelte 文件导入到另一个文件

Question

抱歉，如果我做错了什么，我只是从 Svelte 开始。我在网上四处寻找，找不到任何东西

我有一个由对象组成的大型硬编码数据数组，我想将这些对象保存在自己的文件中，同时能够访问 app.svelte 中的数据。我试图让我的 app.svelte 尽可能简单。我尝试将 export const data=[{data:"mydata"}] 与 import {data} from "./data.svelte" 一起使用，但 export 关键字意味着它希望将数据发送到 data.svelte 文件，而不是相反。我真的不知道如何在 Svelte 中实现这一目标。数据也可以是 json 在 json 文件中，只要它是在我的应用程序中导入的。

感谢您的帮助

Answer 1

.svelte 文件应仅供组件保留，您可以将数据添加到常规 javascript 文件中

在data.js

export const data=[{data:"mydata"}]

在App.svelte

<script>
  import { data } from './data.js'
</script>

这对于 json 个文件也是可能的，但它需要额外的步骤，因为默认情况下 svelte 不理解 json 个文件。根据您使用的捆绑器，您将必须添加插件，对于 Rollup，这是 https://www.npmjs.com/package/@rollup/plugin-json

如何将数据从一个 svelte 文件导入到另一个文件

How to import data from one svelte file to another

javascript

node.js

svelte