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

编程入门 行业动态 更新时间:2024-10-21 17:33:10
本文介绍了在没有服务器的情况下从文件://运行Svelte应用程序的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧! 问题描述

我需要运行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>

更多推荐

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

本文发布于:2023-11-08 20:35:03,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1570389.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:应用程序   情况下   服务器   文件   Svelte

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!