我使用 svelte 客户端模板在代码和框中创建了一个 svelte 项目。当我在自己的窗口中打开沙盒的输出时,标题是“沙盒 - CodeSandbox”。
默认模板使用汇总,但是它在 sandbox.config.json 文件的顶部说它不会在沙箱中影响它,这似乎是正确的。也没有现有的 index.html 文件来编辑它。
https://codesandbox.io/s/transformer-svelte-ghtyd?fontsize=14&module=%2FApp.svelte
我使用 svelte 客户端模板在代码和框中创建了一个 svelte 项目。当我在自己的窗口中打开沙盒的输出时,标题是“沙盒 - CodeSandbox”。
默认模板使用汇总,但是它在 sandbox.config.json 文件的顶部说它不会在沙箱中影响它,这似乎是正确的。也没有现有的 index.html 文件来编辑它。
https://codesandbox.io/s/transformer-svelte-ghtyd?fontsize=14&module=%2FApp.svelte
public
您可以在项目的根级别创建一个目录并在其中添加一个index.html
文件。只需确保包含您的构建将生成的 JS 和 CSS 包。
您还可以使用degit
- 一个脚手架工具 - 从模板项目开始,如此处所述。这将为您生成public
目录和index.html
文件等。
模板真的很简单(我认为这是一件好事)。你自己看:
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width'>
<title>Svelte app</title>
<link rel='icon' type='image/png' href='/favicon.png'>
<link rel='stylesheet' href='/global.css'>
<link rel='stylesheet' href='/bundle.css'>
<script defer src='/bundle.js'></script>
</head>
<body>
</body>
</html>