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

Vec*_*tor 12 javascript svelte svelte-3

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

Den*_*soi 10

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

我将把它分成两个组件,构建和执行精简的应用程序。

首先,您需要一台计算机来连接buildSvelte 应用程序,因为它执行汇总(并运行节点服务器)来执行编译,但这不是 OP 所要求的......

要解决executionSvelte 应用程序的问题,您可以在没有运行服务器的情况下执行此操作。

请参照附件

截屏

npm run buildSvelte create-svelte app 生成命令会向您提供一个输出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>
Run Code Online (Sandbox Code Playgroud)

最终的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>
Run Code Online (Sandbox Code Playgroud)