第二篇　项目准备：从仓库到构建

第一篇我们花了四章厘清“为什么托管”，顺手把一个 Hello World 推上了腾讯云网站托管。到目前为止，“能上线”这件事已经验证过了。但真实项目不是一个大 html 文件——创业页要加产品页、博客、活动落地页，图片会从 3 张涨到 30 张，手动构建迟早要出事。本篇把“能上线”升级为“工程化”：git push 之后机器自动装依赖、跑构建、压图片、产出干净的 dist，再触发部署。这是第三篇托管接入和第五篇 CI/CD 能跑起来的地基。

本章四节：

  • 2.1 仓库搭建：Node 项目结构规范——目录怎么分、package.json 和 tsconfig 怎么写、哪些东西绝不能进仓库。
  • 2.2 构建脚本：npm scripts 与打包——用 npm 原生能力串起 clean、bundle、images，不引入额外构建工具。
  • 2.3 模板与框架：选一个顺手的静态生成器——对比 VitePress、Eleventy、Nuxt，给 Vue 创业页选多页方案。
  • 2.4 图片处理：批量压缩与 WebP 转换——用 sharp 把首屏从 3 秒压到 1 秒，顺手省 CDN 流量。

跳着读的同学建议先看 2.1 仓库搭建 打好目录地基，再按需翻其他几节。配套的全栈视角可以参考 腾讯云实践案例集，轻量服务器路线的对照读法见 轻量应用服务器建站实战，本书的完整章节索引在 Node.js 网站托管实战。

延伸阅读