苗条的应用程序从没有工兵的子文件夹中提供服务答案

【问题标题】：svelte app serving from a subfolder without sapper苗条的应用程序从没有工兵的子文件夹中提供服务
【发布时间】：2020-07-13 15:32:40
【问题描述】：

如何在我的域的子目录中托管导出的 Svelte 项目？

我有一个带有 /name-of-page 的域，我想在现场成为 /subdir/name-of-page

【问题讨论】：

你能提供更多的上下文吗？你是从零开始吗？如果是这样，您正在考虑什么样的托管？无服务器、PaaS、IaaS？如果您有一个现有网站：它是如何托管的？
不，我不是从头开始，这是一个已经存在的项目，我只想为生产而构建。例如在 vuejs 项目中，这很简单，只需在 vuejs.config.js 中添加以下代码，所有站点都将使用 /my-subdir/ 开头的路径构建。 module.exports = { publicPath: “/my-subdir/” };

标签： svelte

【解决方案1】：

我认为你应该编译你的应用程序 ass webcomponent/custom-Element 当你喜欢将它用作组件时（另一个项目中的完整应用程序可以被识别为组件？！）

Svelte 可以编译为开箱即用的自定义元素。见：

这是一个示例，我是如何解决这个问题的，因为它是一个作为细长组件和自定义元素工作的组件： https://github.com/ivosdc/svelte-generic-crud-table

（看看 shadow-dom 处理）。

【讨论】：