CreateReactAppyarn 速度快，workspace功能， 软链功能（yarn install 把 workspace内 的项目 都放了一份软链在根目录的node_modules下面，这样项目间可以相互引） monorepole

webpack 编译流程 1.初始化参数：从配置文件和 Shell 语句中读取并合并参数,得出最终的配置对象 2.用上一步得到的参数初始化 Compiler 对象 3.加载所有配置的插件 4.执行Compiler对象的 run 方法开始执行

AST语法树虚拟DOM树 和 抽象语法树两者的思想是一致的，即以抽象的方式格式化地描述某物 这篇文章写的太好了手把手带你入门 AST 抽象语法树

Webpack5模块化打包分析模块化是前端工程化中 最为基础的一环, 源码的分块分层,组件的复用,项目模块懒加载等,都依赖于模块化的存在. 没有模块 -> CommonJS 同步加载 -> AMD 异步加载 -> UMD

Webpack基础配置webpack.config.jswebpack默认配置文件 入口指示webpack应该从哪个文件开始打包，用来作为内部依赖的图构建的起点 在webpack5里，如果没有额外配置的话，入口文件就是src\index.j

SystemJS与微前端微前端第一步，解决了什么痛点:大应用拆分渐进式技术栈升级 附带优势:多团队合作，独立部署技术栈无关 第二步，实现了什么功能:沙箱:CSS隔离，JS隔离，路由隔离微应用调度 第三步，如何实现沙箱和微应用调度….qian