如何将 Routify 与 Snowpack 和 Svelte 结合使用

Question

我需要将 Routify 安装到运行 Snowpack 的 Svelte 应用程序。

当前的文档非常狭窄，只显示了 Rollap 的安装。

我尝试了一个模板来实现它，但我在 Routify 方面遇到了错误。

我怎样才能做到这一点？

非常感谢任何帮助。也欢迎任何其他与 Snowpack 配合良好的基于路径的 SPA 路由器建议。

Answer 1

找到解决办法。使用 npx create-snowpack-app [DIR NAME] --template @snowpack/app-template-svelte-typescript 启动了 an official Snowpack template 的项目（将 [DIR NAME] 替换为文件夹名称）。

然后做了以下所有事情：

安装 npm-运行-all:

npm i npm-run-all

/package.json:

"scripts": {
    "dev": "run-p routify snp",
    "build": "routify -b && routify export && snowpack build",
    "test": "web-test-runner \"src/**/*.test.js\"",
    "routify": "routify",
    "snp": "snowpack dev",
},
...
"routify": {
    "extensions": "svelte,html,svx,md",
    "dynamicImports": false,
    "routifyDir": "src/.routify"
}

/snowpack.config.js:

  packageOptions: {
    knownEntrypoints: ["@roxi/routify/runtime/buildRoutes"]
  },

如何将 Routify 与 Snowpack 和 Svelte 结合使用

How to use Routify with Snowpack and Svelte

svelte

snowpack

routify