webpack系列1——为什么及是什么

突然发现用是什么，为什么，怎么办/用/看这三个角度去解构一样东西往往比较有效，简直是终极三问。大概多数东西，其诞生都离不开这三个阶段。

首先是“为什么”，因为我认为剩下两个都是“为什么”驱动的。软件这一行业一向比较朴素，为什么有这东西，其原因往往很直接，那就是，因为需要。。。

webpack是前端开发使用到的一个工具。为什么需要webpack，因为前端开发这一行当发生了很大的变化。简单来说前端开发由简单变得越来越复杂了，前端不仅仅只是写页面，或者说前端还是写页面，但能写的页面越来越多，pc端和移动端的页面，甚至是桌面应用（Electron）和移动应用。这导致前端领域的新技术，新特性，新框架越来越多，前端的代码越来越庞大且复杂，前端开发者的开发任务也越来越重，薪资也越来越高。。。但并不全是。。。

形式的变化催生出新的需求，在这种形式下，前端需要一款工具帮我们管理代码，管理项目，webpack就是这样的一款工具。

webpack是一款前端构建工具。构建即构筑建造可发布到线上直接用于生产的代码，包括的内容有：

  ————《深入浅出webpack》

• 代码转换：将源码转换为可应用于生产环境的代码，如将TypeScript 编译成 JavaScript、SCSS 编译成 CSS 等
• 文件优化：压缩 JavaScript、CSS、HTML 代码，压缩合并图片等。以减小代码体积，优化性能
• 代码分割：提取多个页面的公共代码、提取首屏不需要执行部分的代码让其异步加载
• 模块合并：在采用模块化的项目里会有很多个模块和文件，需要构建功能把模块分类合并成一个文件（chunk？）
• 自动刷新：监听本地源代码的变化，自动重新构建、刷新浏览器。（帮助开发）
• 代码校验：在代码被提交到仓库前需要校验代码是否符合规范，以及单元测试是否通过。
• 自动发布：更新完代码后，自动构建出线上发布代码并传输给发布系统。