从 file:// 运行 Svelte 应用程序，无需服务器答案

【问题标题】：Run a Svelte app from file:// with no sever从 file:// 运行 Svelte 应用程序，无需服务器
【发布时间】：2020-09-09 22:52:01
【问题描述】：

我需要运行一个 Svelte 应用程序并且能够在没有服务器的情况下执行它。对于其他框架，这是可能的，因为它只是 javascript，但我找不到一种方法来单击我的 index.html 并运行我用 Svelte 构建的应用程序

【问题讨论】：

嗨向量。下面的答案海报之一。我们想澄清一下您的意思是 1. 使用 roll up 运行 svelte 应用程序并构建它（使用 npm 等），然后在没有服务器的情况下运行应用程序（即通过文件在本地）......或者，2. 运行并构建没有服务器的苗条应用程序（包括在构建步骤中不运行节点）
选项1：通过file://在本地运行已经构建的应用程序
当然可以。我构建的 android 应用程序只是嵌入在 webwiew 中的 html/css/js 文件，所以这是一个 file:// 协议。只需将 index.html 文件中的相对路径写入 bundle.css 和 bundle.js 即可。

标签： javascript svelte svelte-3

【解决方案1】：

我需要运行一个 Svelte 应用程序并且能够在没有服务器的情况下执行它。对于其他框架，这是可能的，因为它只是 javascript，但我找不到一种方法来单击我的 index.html 并运行我用 Svelte 构建的应用程序

我将把它分解成两个组件，构建和执行纤细的应用程序。

首先，您需要一台计算机来build Svelte 应用程序，因为它执行汇总（并运行节点服务器）以执行编译，但这不是 OP 所要求的...

要解决 Svelte 应用程序的 execution，您可以在不运行服务器的情况下执行此操作。

请看附件

Svelte create-svelte app generate 命令为您提供npm run build，该命令输出public.html。

这可以用来在 Surge.sh 上托管文件，但是为了使这个“本地文件友好”，您需要将输出的 html 编辑为以下内容（即删除 base /）。

原始源 index.html

<link rel='icon' type='image/png' href='/favicon.png'>
<link rel='stylesheet' href='global.css'>
<link rel='stylesheet' href='/build/bundle.css'>

<script defer src='/build/bundle.js'></script>

最终的html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width,initial-scale=1'>

    <title>Svelte app</title>

    <link rel='icon' type='image/png' href='favicon.png'>
    <link rel='stylesheet' href='global.css'>
    <link rel='stylesheet' href='build/bundle.css'>

    <script defer src='build/bundle.js'></script>
</head>

<body>
</body>

</html>

【讨论】：

帖子询问他们是否可以在没有 http 服务器的情况下运行精简应用程序。截图清楚地显示了浏览器上的 create-svelte-app 模板文件：//。
这是我做的第一件事，但没有成功。刚才我意识到我正在使用路由器（github.com/jacwright/svelte-navaid），这导致了问题。我已经改用基于哈希的路由，它解决了这个问题。尽管您的回答没有解决我的问题，但它确实是我在问题中所写内容的答案，我会接受它为有效的，谢谢。
@DenisTsoi 让我删除我所有的 cmets，因为 StackOverflow 上的扩展 cmets 不好。