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

Question

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

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

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

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

Answer 1

snowpack.config.mjs：

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

所以，src 中的所有文件都将编译为dist。

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

在page.js 中导入的Page.svelte 将作为index 之外的另一条路由。

在/public:

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

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

而且，它。你有一个新的page 路由。