web-infra

Document License

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

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

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

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

近一月内更新

大纲

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

前言

项目初始化阶段

开发阶段

  • Mock

构建阶段

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

测试阶段

  • 测试框架

部署阶段

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

上线阶段

  • 监控

技术选型

  • Monorepo
  • 微前端

协议

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