前端渲染模式：CSR、SSR 和 SSG

前端开发常用的工具里我们跑 npm run build，构建工具会把 React/Vue 代码编译成浏览器能运行的 HTML/CSS/JS 文件，但同样是编译，编译出来的产物可以很不一样。

关键区别就一个问题：编译出来的 HTML 文件里，到底有没有页面内容？

别小看这个区别，它直接决定了用户打开页面要等多久，以及搜索引擎能不能抓到你的内容。下面通过实际的编译产物来看看三种渲染模式有什么不同。