Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kiesun/web-infra

前端工程化系列
https://github.com/kiesun/web-infra

frontend infra web

Last synced: 15 days ago
JSON representation

前端工程化系列

Awesome Lists containing this project

README 

        
# web-infra





	

    Document License

	




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



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



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



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



## 近一月内更新



- 3.28：[浏览器兼容性](项目初始化阶段/浏览器兼容性.md)



## 大纲



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



### 前言



- [x] [什么是前端工程化](前言/什么是前端工程化.md)



### 项目初始化阶段



- [ ] 代码提交

  - [x] [Git 工作原理浅析](项目初始化阶段/git%20工作原理浅析.md)

- [ ] 代码质量

- [ ] 包管理器

- [ ] 任务启动

- [ ] 依赖管理

- [ ] 语法转换

- [x] [浏览器兼容性](项目初始化阶段/浏览器兼容性.md)

- [ ] 模块化

- [ ] 基于以上内容如何实现脚手架

- [ ] 脚手架更进一步



### 开发阶段



- [ ] Mock



### 构建阶段



- [ ] Webpack

- [ ] Vite

- [ ] esbuild

- [ ] 代码压缩

- [ ] 产物切割

- [ ] 如何自由切换构建器

- [ ] 更好的构建工具



### 测试阶段



- [ ] 测试框架



### 部署阶段



- [ ] 如何发包

- [ ] 如何部署应用



### 上线阶段



- [ ] 监控



### 技术选型



- [ ] Monorepo

- [ ] 微前端



## 协议



- 本作品文档采用[知识共享署名 4.0 国际许可协议](http://creativecommons.org/licenses/by/4.0/)进行许可。 遵循许可的前提下，你可以自由地共享，包括在任何媒介上以任何形式复制、发行本作品，亦可以自由地演绎、修改、转换或以本作品为基础进行二次创作。但要求你：

  - **署名**：应在使用本文档的全部或部分内容时候，注明原作者及来源信息。

  - **非商业性使用**：不得用于商业出版或其他任何带有商业性质的行为。如需商业使用，请联系作者。

  - **相同方式共享的条件**：在本文档基础上演绎、修改的作品，应当继续以知识共享署名 4.0 国际许可协议进行许可。