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

时间：2020-05-23 01:09:40

标签： javascript svelte svelte-3

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

1 个答案:

答案 0 :(得分：2)

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

我将其分为两个部分，构建并执行该Svelte应用程序。

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

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

请参阅附件

screenshot

Svelte create-svelte应用程序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>
相关问题
最新问题