• JavaScript 模块衍化史与构建工具对比归纳于笔者的现代 JavaScript 开发：语法基础与实践技巧系列文章中；也欢迎关注前端每周清单系列获得一手资讯。

模块化与构建工具

近年来随着前端技术栈的蓬勃发展，现代化与工程化的概念被反复地提及；这些概念主要是区别于传统的所谓刀耕火种时代的前端开发。所谓的刀耕火种往往是用来描述那些没有规范、没有模块化、工程化落后、框架初级的开发状态；而以 Webpack 为代表的构建工具正是帮助我们从刀耕火种过渡到现代化开发的重要工具。

从下图可以看出，构建工具是所谓现代化工程化的前端开发流中重要的基石。