vite-plugin-singlefile

vite-plugin-singlefile 此 Vite 构建插件允许您将所有 JavaScript 和 CSS 资源直接嵌入到最终的 dist/index.html 文件中。通过这样做,您的整个 Web 应用程序可以作为一个单个 HTML 文件嵌入并分发。

不过,这对于离线 Web 应用程序来说非常方便 — — 这些应用程序被打包在一个单一的 HTML 文件中,您可以双击并直接在 Web 浏览器中打开,无需服务器。这可能包括实用程序、专家系统工具、文档、演示和其他情况,在这种情况中,您需要 Web 浏览器的全部功能,而无需 Cordova 或 Electron 包装程序,也无需经历正常应用程序安装的痛苦。

**这是一个单文件插件。也就是说，它会创建一个 HTML 文件，不会创建其他文件。因此才有这个名字。因此，它要么不会工作，要么不会针对需要多个“入口点”（HTML 文件）的应用程序进行优化。请参阅问题 #51 以了解详细信息。如果开启了要求多个入口点的问题，将被关闭为 wontfix。

• localStorage

• 更新的实验性持久存储 API

• FileSystem API

• 相对于同一目录的 本地文件 的请求（例如，对于 Vue，来自您的 public 目录的资源）

• 来自外部网站的图像请求

• 来自外部网站的字体请求

• 向外部 API 的请求（需要在 fetch 调用中指定 { mode: 'no-cors'}）

• 相对于同一目录的其他文件的链接跟踪

• SPA 基于哈希的路由

• WebXR

• 通过 Web History API 进行 SPA 路由