程序表面看就是文本文件里的字符，计算机首先对其进行词法、语法分析，然后用某种计算机能理解的低级语言来重新表达程序，而这其中AST就是一个重点。 水平有限，粗浅的说下AST的理解，并手写babel插件

webpack久坐老大哥地位，vite后起之秀： webpack的第一次发布是在 2013 年发布，长久以来是主流的前端打包工具。vite 的第一次发布是在 2021 年，是近两年的后起之秀！

UMI 配置优化 - 提高打包速度、提高开发速度、减少打包体积 项目越来越大，打包后的体积很大，打包时间也很长；开发时每次运行也需要很久，随便改动一个地方都要等2分钟以上才能看到效果（热更新太慢）。

webpack的构建流程1. **初始化参数**：从配置文件或者shell语句中读取合并参数2. **开始编译**：用参数初始化`Compiler`对象，加载所有配置的插件，执行run方法。

但是我们直接 运行 vue-cli-service serve 就会报错 command not found: vue-cli-service 因为vue-cli-service并不存在操作系统当中

最简单的示例帮你深度解析树摇原理，树摇的主要原理是通过静态分析代码的依赖关系来确定哪些模块、变量、函数等在代码中没有被引用，然后将这些未使用的部分从最终的构建输出中删除。

面试webpack如何答？通过此篇文章你能学到什么？ 知识点 + 真题验证,通过一个题,学会一类题 ,不是题海战术，而是技巧和思路。从些比较关键的点去讲，再根据自己情况，带些自己看法，回答就会80+了

真正的前端工程化覆盖一个项目从创建到开发到发布的整个流程，既是目前大厂主流的项目提效方案，更是高薪面试 “必考项”！Webpack 作为前端资源构建工具+静态模块打包器，是面试中的重中之重。

从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做足了准备，很有信心征服面试官。不出我所料，面试官被我引入了我擅长的领域。 Loa…