如何使index.html出现在svelte npm run build中

Question

大家好，我是 Svelte 新手，我有一个问题。我用 svelte 制作了一个小应用程序，可以在开发中顺利运行。但是当我运行npm run build生产时，公共文件夹中的输出是 3 个项目bundle.css bundle.js，并且bundle.js.map 没有 index.html 任何人都可以帮助我，因为公共文件夹中似乎应该有 index.html 。

Answer 1

所以我找到了答案。构建项目后，我将公共文件夹中的所有项目（资产、构建、其余项目）粘贴到网络主机中，并且它有效。这也是主持人的问题。

Answer 2

起始模板假定index.html和所有其他静态文件（favicon、图像等）已位于您的公共文件夹中。它们没有从构建脚本中得到任何特殊待遇。如果您想在构建过程中复制额外的文件，您可以使用特殊的插件。

rollup-plugin-copy-assets可能是一个选项

Answer 3

公共文件夹应包含一个名为“build”的子文件夹，该文件夹内是捆绑文件应所在的位置。您的静态资产、index.html 文件和 service-worker.js（如果使用）应位于 build 文件夹旁边的 public 文件夹中。

再次设置基础项目，并在编写一行代码之前在 public 文件夹中查找 index.html 文件。

$ npx degit sveltejs/template my-svelte-project

$ cd my-svelte-project

$ npm install

$ npm run dev