【福利】使用 webpack 定制前端开发环境小册

随着互联网大潮的兴起，web 项目复杂度上升，前端社区蓬勃发展，前端构建已经是开发工作中一个绕不开的话题。上图罗列了前端的很多东西，除了一些类库，其他基本都和构建有一定的关系。在前端旧时代，JavaScript 本身就缺乏模块化相关规范的支持，而现今也并非所有浏览器都支持新的 JavaScript Module，所以在前端构建中，代码模块打包几乎就是最重要的一部分。上图简单地比较了当前前端社区比较流行的四个模块打包工具 —— webpack、browserify、rollup、parcel-bundler 2018 年 1 月 npm 包下载量和 GitHub stars 数量，很明显，webpack 可以说是最为人所知，使用量最大的一个。从 GitHub 的 webpack 代码仓库的 master 贡献图来看，webpack 从 2012 年开始，主代码仓库都相当活跃，尤其是 2 ………………………………