frontend - 带有 svelte 和 tailwindcsss 的 Snowpack 多页应用程序

Question

我能够部分设置 rollup + svelte + tailwind + multi-page ，但它速度慢且调试困难。

虽然这里有 svelte + snowpack + tailwindcss https://github.com/agneym/svelte-tailwind-snowpack

但多页雪包是我无法弄清楚的。我什至找不到多页雪包设置的任何文档。

谁能帮我弄清楚如何设置 Snowpack + Svelte + multi-page + Tailwind-css ？

Answer 1

snowpack.config.mjs：

export default {
  mount: {
    public: "/",
    src: "/dist"
  },
...

因此，所有文件都src将编译为dist.

在/src中，设置另一个page.js完全一样的index.js（如果你愿意，你只能更改导入路径）。

Page.svelte导入的 in将page.js作为除index.

在/public：

注意<script>标签中的index.html： <script type="module" src="/dist/index.js"></script>

现在，创建另一个/public/page.html，但使用新的page.js： <script type="module" src="/dist/page.js"></script>

而且，它。你有一条新page路线。