在没有服务器的情况下从文件://运行Svelte应用程序 [英] Run a Svelte app from file:// with no sever
本文介绍了在没有服务器的情况下从文件://运行Svelte应用程序的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要运行Svelte应用程序,并且能够在没有服务器的情况下执行它。 对于其他框架,这是可能的,因为它只是Java脚本,但我找不到一种方法,只需单击我的index.html并运行我用Svelte构建的应用程序
推荐答案
我需要运行Svelte应用程序,并且能够在没有服务器的情况下执行它。对于其他框架,这是可能的,因为它只是Java脚本,但我找不到一种方法,只需单击我的index.html并运行我用Svelte构建的应用程序
我将把它分解为两个组件:构建和执行Svelte应用程序。
首先,您需要一台计算机来build
Svelte应用程序执行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应用程序的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文