jerroldlee / web-infra

前端工程化系列

web-infra

本仓库内容为前端工程化系列，预期一周更新 1 ~ 2 篇内容。本来是想做成收费内容的，但是种种原因之下还是决定开源（其实是为了方便摆烂）。

工程化是个很大的领域，远远不止聊点 Webpack 或者脚手架那么简单，当然它们也确实属于工程化的一小部分。

其实工程化会因为公司的不同而不同，比如说基于某某业务场景我们需要这样实现工程化，但换个场景这个工程化就不太适用。因此本系列会以通用的场景去聊工程化，这些内容放在任意公司应该都是适用的，无非我们需要基于自己公司的场景做不同的修改。

接下来的内容会串联起项目初始化到部署上线环节，讲解其中涉及到的工程化内容，涉及的知识点很多，欢迎大家先 Star 及 Watch。

大纲

以下大纲尚不完整，还在构思中。

前言

• 什么是前端工程化

项目初始化阶段

• 代码提交
  • Git 工作原理浅析
• 代码质量
• 包管理器
• 任务启动
• 依赖管理
• 语法转换
• 补丁
• 模块化
• 基于以上内容如何实现脚手架
• 脚手架更进一步

开发阶段

• Mock

构建阶段

• Webpack
• Vite
• esbuild
• 代码压缩
• 产物切割
• 如何自由切换构建器
• 更好的构建工具

测试阶段

• 测试框架

部署阶段

• 如何发包
• 如何部署应用

上线阶段

• 监控

技术选型

• Monorepo
• 微前端

协议

• 本作品文档采用知识共享署名 4.0 国际许可协议进行许可。 遵循许可的前提下，你可以自由地共享，包括在任何媒介上以任何形式复制、发行本作品，亦可以自由地演绎、修改、转换或以本作品为基础进行二次创作。但要求你：
  • 署名：应在使用本文档的全部或部分内容时候，注明原作者及来源信息。
  • 非商业性使用：不得用于商业出版或其他任何带有商业性质的行为。如需商业使用，请联系作者。
  • 相同方式共享的条件：在本文档基础上演绎、修改的作品，应当继续以知识共享署名 4.0 国际许可协议进行许可。