我应该如何使用汇总构建两个苗条的页面？答案

【问题标题】：How should I build two svelte pages with rollup?我应该如何使用汇总构建两个苗条的页面？
【发布时间】：2021-03-16 17:26:03
【问题描述】：

我正在关注我的苗条应用程序的官方 Svelte for new developers 博客文章。它工作正常，现在我想添加一个单独的“管理员”应用程序。除了连接同一个数据库并托管在同一个域上之外，它与我的主应用程序不共享任何组件。

最好的方法是创建第二个苗条的应用程序并将其托管在一个文件夹中，还是有办法在同一个汇总中做到这一点？

npx degit sveltejs/template my-project-admin-page

【问题讨论】：

标签： svelte

【解决方案1】：

你的 rollup.config.js 可以返回一个数组，所以你会得到类似的东西

export default [
  { ...config for normal app ...},
  { ...config for admin app ...}
]

我也喜欢抽象一些更常见的部分，在我目前正在进行的一个项目中，我有：

export default [
    getConfig('index'),
    getConfig('admin')
]

您可以添加额外的参数，这里的参数只是指向主入口点并为包使用相同的名称

【讨论】：

感谢您的回答，您能详细说明一下吗？

【解决方案2】：

最好的方法是使用svelte-kit，但为了简单起见，一旦我使用了tinro，它又好又简单，你也可以使用svelte-routing。

在这种情况下，您的代码将如下所示：

<Route path="/">
  <a href="/admin">Go to admin</a>
  <h2>You are on main page</h2>
</Route>
<Route path="/admin">
  <a href="/">Back to tasks</a>
  <h2>You are on admin page</h2>
</Route>

丁罗：https://github.com/AlexxNB/tinro

tinro 示例：https://svelte.dev/repl/4bc37ff40ada4111b71fe292a4eb90f6?version=3.46.4

细路由：https://github.com/EmilTholin/svelte-routing

【讨论】：