如何将 Routify 与 Snowpack 和 Svelte 一起使用

Posted 2023-02-16

【中文标题】如何将 Routify 与 Snowpack 和 Svelte 一起使用

【英文标题】：How to use Routify with Snowpack and Svelte

【发布时间】：2021-05-23 03:57:15

【问题描述】：

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

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

我尝试了一个模板来实现它，但在 Routify 端出现错误。

我怎样才能做到这一点？

非常感谢任何帮助。也欢迎任何其他适用于 Snowpack 的基于路径的 SPA 路由器建议。

【参考方案1】：

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

然后做了以下所有事情：

安装 npm-run-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"]
  ,