详细项目代码参考: Sewar-x/SSG-Demo: 《从零到一搭建移动端SSG项目实践》| Sewen 博客 示例项目,项目仅作学习使用 (github.com)
预渲染 (SSG )
概念
- SSG是指在构建时(build time)生成静态HTML文件,这些文件可以直接提供给浏览器,而不需要在服务器上进行动态渲染。
- 在构建过程中,组件会被渲染成静态HTML,并保存在文件中。这意味着每个页面都是预渲染的,并且可以以纯静态文件的形式提供给浏览器,无需运行 JavaScript 代码,会有一些辅助的JS来增强页面交互;
About 48 min