Question

我使用svelte客户端模板在codeandbox中创建了一个svelte项目。当我在自己的窗口中打开沙盒的输出时，标题为“沙盒-CodeSandbox”。

默认模板使用汇总，但是它在sandbox.config.json文件的顶部说不会在沙箱中影响它，这似乎是正确的。没有现有的index.html文件也可以对其进行编辑。

https://codesandbox.io/s/transformer-svelte-ghtyd?fontsize=14&module=%2FApp.svelte

Answer 1

您可以在项目的根目录下创建一个public目录，并在其中添加一个index.html文件。只要确保包括您的构建将生成的JS和CSS捆绑包即可。

您也可以使用degit（一种脚手架工具）从模板项目开始，如here所述。这将为您生成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>

如何使用svelte模板向在codesandbox中创建的沙箱添加标题

1 个答案: