前端工程化

快速创建一个项目 输出 安装各种工具 安装esbuild同时安装webpack，用于后面的打包对比。 创建示例项目 项目源代码 在src下创建app.jsx和index.jsx两个文件；在项目根下创建

大家应该都见过微信小程序开发工具的界面吧。一侧是代码、文件管理、GIT管理，一侧是模拟器。 事实上，VSCode也提供了大部分的能力，美中不足是没有模拟器，而且有些是通过控制台来执行的。 那么，这篇就

实际的开发过程中，出于各种原因，经常会有些变量在声明后，并不会被真正使用，形成一些既不影响运行、也不容易被发现的坏代码。 同时，一般意义上的tree-shaking都是基于依赖分析；在编译过程中，一些

前文说过，types已经集成到@babel/core里，当然也可以单独安装： 概述 @babel/types的用途主要有3种： 类型集合 当你在ts中使用babel时，types可以为你提供全部节点对

如果需要在js中对js进行修改，@babel/core是个全能的选项。 在@babel/core中，已经集成了 ast树构建（parse） ast树遍历和改造（traverse） ast节点

@babel/cli主要是个集成工具，通过命令行、配置操作各种preset和plugin，实现代码的自由转换和编译压缩。

前一阵蹭了几节课，课里讲到dev-server和按需加载的基本原理，感觉比较有趣。今天本着探究技术的态度，从零开始，来实现一个定制版本的dev-server。