web-infra
本仓库内容为前端工程化系列,预期一周更新 1 ~ 2 篇内容。本来是想做成收费内容的,但是种种原因之下还是决定开源(其实是为了方便摆烂)。
工程化是个很大的领域,远远不止聊点 Webpack 或者脚手架那么简单,当然它们也确实属于工程化的一小部分。
其实工程化会因为公司的不同而不同,比如说基于某某业务场景我们需要这样实现工程化,但换个场景这个工程化就不太适用。因此本系列会以通用的场景去聊工程化,这些内容放在任意公司应该都是适用的,无非我们需要基于自己公司的场景做不同的修改。
接下来的内容会串联起项目初始化到部署上线环节,讲解其中涉及到的工程化内容,涉及的知识点很多,欢迎大家先 Star 及 Watch。
近一月内更新
- 3.28:浏览器兼容性
大纲
以下大纲尚不完整,还在构思中。
前言
项目初始化阶段
- 代码提交
- 代码质量
- 包管理器
- 任务启动
- 依赖管理
- 语法转换
- 浏览器兼容性
- 模块化
- 基于以上内容如何实现脚手架
- 脚手架更进一步
开发阶段
- Mock
构建阶段
- Webpack
- Vite
- esbuild
- 代码压缩
- 产物切割
- 如何自由切换构建器
- 更好的构建工具
测试阶段
- 测试框架
部署阶段
- 如何发包
- 如何部署应用
上线阶段
- 监控
技术选型
- Monorepo
- 微前端
协议
- 本作品文档采用知识共享署名 4.0 国际许可协议进行许可。 遵循许可的前提下,你可以自由地共享,包括在任何媒介上以任何形式复制、发行本作品,亦可以自由地演绎、修改、转换或以本作品为基础进行二次创作。但要求你:
- 署名:应在使用本文档的全部或部分内容时候,注明原作者及来源信息。
- 非商业性使用:不得用于商业出版或其他任何带有商业性质的行为。如需商业使用,请联系作者。
- 相同方式共享的条件:在本文档基础上演绎、修改的作品,应当继续以知识共享署名 4.0 国际许可协议进行许可。