1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓

需要读到入口文件里面的内容。 分析入口文件，递归的去读取模块所依赖的文件内容，生成AST语法树。 我们创建了add.js文件和minus.js文件,然后 在index.js中引入，再将index.js文件引入index.html。 现在我们打开index.html。你猜会发生什…

脚手架工具能快速生成一个完整的项目结构，帮助开发人员专注于项目开发，十分高效。 表面高大上的脚手架工具，背后的实现原理其实并不复杂。例如 vue-cli 其本质上就是根据不同的操作指令在远程仓库（例如：GitHub）把不同的模版拉取到本地。 本文将结合作者的脚手架（lan-cl…

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…