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

【问题标题】：How to import data from one svelte file to another如何将数据从一个 svelte 文件导入到另一个文件
【发布时间】：2020-08-18 03:20:52
【问题描述】：

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

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

感谢您的帮助

【问题讨论】：

标签： javascript node.js svelte

【解决方案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

【讨论】：