在没有服务器的情况下从文件：//运行Svelte应用程序

2022-06-12 00:00:00 javascript svelte svelte-3

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

解决方案

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

我将把它分解为两个组件：构建和执行Svelte应用程序。

首先，您需要一台计算机来buildSvelte应用程序执行ROLLUP(并运行节点服务器)来执行编译，但这不是OP所要求的...

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

请参阅附件

您将从Svelte Create-Svelte app Generate命令中获得npm run build，该命令输出public.html。

这可以用来托管文件，比如在Surge.sh上，但是要使这个"本地文件友好"，您需要将输出的html编辑为以下内容(即删除基本地址/)。

原始源代码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>

相关文章