webpack 究竟是什么，初学者晕头转向

第 9 阶段：搞懂、搞透前端构建第 1 天

对于前端新手来说，不能理解为啥前端要使用 webpack 进行打包。曾经，刚入门前端的时候我也有这个疑问。今天我来帮大家重新认识一下 webpack。

如果在很久以前，纯 HTML + CSS + JavaScript 开发，不需要打包工具，直接把写好的 HTML 丢到浏览器中，浏览器就会乖乖地给你显示出一个网页。而今天，时代变了，前端人开始做更多的尝试：

1、前端人不再用 css，而是用 Less、Sass、Stylus 这样的预处理语言；

2、前端人不再通过 JavaScript 「显式地」修改 DOM，他们开始使用各种框架，比如 Vue，React；

3、前端人开始尝试语言的新特性，比如 ES6、ES7，现在流行起来使用 TypeScript，可是这些新特性并不能够适用于所有的浏览器；

4、前端人为了让代码体积更小，他们开始对 CSS、JavaScript、HTML、图片等进行压缩处理；