vite plugin ssr svelte

Vite + Svelte + Vite-Plugin-SSR静态Prerender入门项目！

Vite-Plugin-SSR模块的Svelte版本。

该模块演示了使用正确的水合设置进行完全预先限制的HTML，以便您的应用在任何情况下都可以平稳地加载。

您可以在这里尝试：https：//ryanweal.github.io/vite-plugin-ssr-svelte/

为什么不使用Sveltekit？使用vite-plugin-ssr ，您可以通过提供更具体的page.client.js和page.server.js文件来覆盖几乎所有内容，还可以为特定路由添加其他框架（例如Vue，React，其他）。

开箱即用的东西

该存储库可以用作下一个项目的入门者。它是完成典型框架任务的设置：

• 使用Svelte创建页面和组件，并在Dev中进行热重新加载
• 培养时间期间所有内容
• 用任何客户端的JS补充了预制的内容
• 可以使用示例组件轻松设置元数据
• 资产文件夹直接复制到构建文件夹，因此您可以像1999年一样引用图像，而不必担心导入它们。

我们还包括一些在服务器端进行API调用的示例，仅获取数据。

使用的Vite插件

• Vite-Plugin-SSR
• Vite-Plugin-Svelte
• express.js（用于预处理过程）

安装并运行

1. 克隆这个存储库
2. 安装依赖项： npm i
3. 运行它： npm run dev并在工作时享受热重新装载。
4. 访问http://localhost:3000在您的浏览器中。
5. 构建： npm run build
6. 服务： npx serve dist/client

更新

要更新此软件包，您可以遵循普通的NPM更新过程。

我们已经使用内置的npm shrinkwrap命令来提供npm-shrinkwrap.json而不是普通的package-lock.json ，如果您使用npm作为安装程序，则可以将此存储库固定在“已知良好”状态下。

如果您对npm-shrinkwrap.json文件进行更改，请确保完全测试更新。