如何从子文件夹运行 Svelte 应用程序？

Question

我在 GitHub 页面中托管了一个 svelte 应用程序，因此它从一个子文件夹提供。问题是所有链接都不再工作了。基本上我需要更改应用程序的基本 URL，但我不知道如何在 svelte 或 rollup 中做到这一点。

PS：我没有使用 Sapper。

Answer 1

您可以为此使用 base 元素。

直接在您的 index.html 中设置它或使用 svelte:head 在 svelte 应用程序本身中设置它，这样可以根据开发/生产轻松更改它

<svelte:head>
  <base href="BASEURL">
</svelte:head>

要根据环境设置它，您可以使用环境变量和 @rollup/plugin-replace 之类的东西，但我觉得这超出了本问题的范围。但是你可以看这里Environment variables in svelte + rollup