Lazy Blog
09
26
CreateReactApp CreateReactApp
CreateReactAppyarn 速度快,workspace功能, 软链功能(yarn install 把 workspace内 的项目 都放了一份软链在根目录的node_modules下面,这样项目间可以相互引) monorepole
2022-09-26
26
Webpack编译流程 Webpack编译流程
webpack 编译流程 1.初始化参数:从配置文件和 Shell 语句中读取并合并参数,得出最终的配置对象 2.用上一步得到的参数初始化 Compiler 对象 3.加载所有配置的插件 4.执行Compiler对象的 run 方法开始执行
2022-09-26
22
Webpack之AST语法树 Webpack之AST语法树
AST语法树虚拟DOM树 和 抽象语法树两者的思想是一致的,即以抽象的方式格式化地描述某物 这篇文章写的太好了手把手带你入门 AST 抽象语法树
2022-09-22
19
Webpack模块打包分析 Webpack模块打包分析
Webpack5模块化打包分析模块化是前端工程化中 最为基础的一环, 源码的分块分层,组件的复用,项目模块懒加载等,都依赖于模块化的存在. PS:本文章使用的Webpack配置如下: const path = require('path')
2022-09-19
19
Webpack基础配置 Webpack基础配置
Webpack基础配置webpack.config.jswebpack默认配置文件 入口指示webpack应该从哪个文件开始打包,用来作为内部依赖的图构建的起点 在webpack5里,如果没有额外配置的话,入口文件就是src\index.j
2022-09-19
14
SystemJS与微前端 SystemJS与微前端
SystemJS与微前端微前端第一步,解决了什么痛点:大应用拆分渐进式技术栈升级 附带优势:多团队合作,独立部署技术栈无关 第二步,实现了什么功能:沙箱:CSS隔离,JS隔离,路由隔离微应用调度 第三步,如何实现沙箱和微应用调度….qian
2022-09-14