随着多终端设备的迅速普及，Web前端开发的复杂性和应用场景日益扩大，Webpack在前端构建演变的工程化浪潮中担当起了针对不同应用场景打包的大任。 如今，Webpack可谓是JavaScript社区最伟大的项目之一。 本文力争从源码层面窥探Webpack的实现原理。文中出示了核…

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题

在开发过程中，源文件经常要被修改，免不了要重新构建打包，才能看到修改后的效果。这时候构建速度就显得尤为重要，构建速度的优化能极大地提高开发效率和体验。 本文介绍一些常见的Webpack优化构建速度的方法。 babel-loader的作用是将ES6及以上的语法转译为浏览器能识别的…

前言：笔者把学习的webpack知识从基础到原理写个系列，以便回顾。希望能帮助到更多正在学习webpack的小伙伴。 生成AST树，需要借助babylon，先安装下。 现在getAST方法写好了，我们来测试下。在lib目录下创建test.js 进行依赖分析，需要借助babel-…