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

Question

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

最好的方法是创建第二个 svelte 应用程序并将其托管在一个文件夹中，还是有办法在同一个汇总中执行此操作？

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

Answer 1

你的 rollup.config.js 可以 return 一个数组，所以你会得到类似

的东西

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

我也喜欢抽象一些比较常见的部分，在我目前正在做的一个项目中我有：

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

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

Answer 2

最好的方法是使用 svelte-kit, but for simplicity reasons, once I used tinro and it was so good and simple, you can also use 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-example: https://svelte.dev/repl/4bc37ff40ada4111b71fe292a4eb90f6?version=3.46.4

svelte-routing: https://github.com/EmilTholin/svelte-routing

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

How should I build two svelte pages with rollup?

svelte