Javascript SvelteKit：如何使用内嵌JS和CSS将构建输出为单个HTML文件？

是否可以将一个SvelteKit项目构建为一个包含所有JS和CSS的输出HTML文件？是否可以将SvelteKit配置为支持此输出格式，或者是否需要使用外部构建工具

单个HTML文件输出是我的项目的核心需求。我正在使用

ssr:false

和

@sveltejs/adapter static

以及

fallback:'index.html'

config构建一个SvelteKit SPA

我以前曾用一个简单的

vite

+

svelte

设置来完成这项工作-这非常有效。但是，我无法将

vite plugin singlefile

添加到我的SvelteKit项目中的

svelte.config.js

vite插件中

这是我尝试过的SvelteKit配置：

从“苗条预处理”导入预处理
从“@sveltejs/adapter static”导入适配器
从“vite插件singlefile”导入{viteSingleFile}
常量配置={
预处理：预处理（），
套件：{
目标：“#苗条”，
适配器：适配器（{fallback:'index.html'}），
ssr：错，
维生素E：{
插件：[viteSingleFile（）]，
建造：{
目标：“es2019”，
资产限额：100000000，
chunkSizeWarningLimit:100000000，
cssCodeSplit:错，
sourcemap:false，
布罗特利泽：错，
汇总选项：{
inlineDynamicImports：正确，
输出：{
manualChunks:（）=>“everything.js”，
},
},
outDir:“构建”
}
}
},
}
导出默认配置

我还研究了使用其他解决方案内联所有CSS和JS：

• -这不支持将SvelteKit输出的、需要转换为内联脚本的
  内联
• 这里提到的解决方案不起作用：
• -不支持esm模块内部的动态

  导入（）

  调用

---

任何想法都会有帮助

不确定目前是否可以内联所有内容，但至少在内联CSS的回购协议中存在一个问题：谢谢@Nick！我已经做了一些进一步的研究，似乎SvelteKit本身目前还没有准备好使用完全内联的资产构建SPA:s，但它将很有兴趣关注未来的发展。同时，我将继续使用

vite

+

svelte

+

vite插件singlefile

，因为它满足了我的需要。让我们继续讨论这个问题，以备将来可能的解决方案！