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

过去的一段时间里头我在搞一个官网的项目，搭建一个普通的html+scss+js的原生web前端项目，顺便实践了一波webpack常用的打包流程。 每次打包之前需要清空打包的输出目录，这边采用的方法是使用nodeJs的fs模块递归遍历打包的输出目录，并把里面的内容完全清空。 手动…

webpack 作为目前最流行的构建工具，几乎成为了前端开发中必备的工具之一，如果想前端进阶的话，懂得 webpack 配置也是必不可少的一部分。然而，也是由于 webpack 的配置多样化，导致劝退

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

本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…