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

2024-02-18

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


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

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

首先你需要一台电脑buildSvelte 应用程序执行汇总(并运行节点服务器)来执行编译,但这不是 OP 所要求的......

为了解决execution的 Svelte 应用程序,您可以在没有运行服务器的情况下执行此操作。

请参照附件

你被赋予了一个npm run build从 Svelte create-svelte 应用程序生成命令,该命令输出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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从 file:// 运行 Svelte 应用程序,无需服务器 的相关文章

随机推荐