介绍
Webpack 是一种前端资源构建工具，一个静态模块打包器。
前端资源构建工具
主要理解一下这个前端资源是哪些资源。这些前端资源就是浏览器不认识的 web 资源， 比如 sass、less、ts，包括 js 里的高级语法。这些资源要能够在浏览器中正常工作，必须一一经过编译处理，将原本浏览器不能识别的规范和各种各样的静态文件进行分析，压缩，合并，打包，最后生成浏览器支持的代码。而 webpack 就是可以集成这些编译工具的一个总的构建工具。
静态模块打包器
静态模块就是 web 开发过程中的各种资源文件，webpack 根据引用关系，构建一个依赖关系图，然后利用这个关系图将所有静态模块打包成一个或多个 bundle 输出。
为什么我们需要 Webpack
- web 开发时调用后端接口跨域
- 改动代码后要手动刷新浏览器，如果做了缓存还需要清缓存刷新
- 因为 js 和 css 的兼容性问题，很多新语法学习了却不能使用，无论是开发效率和个人成长都受影响。
- 垃圾资源占用太多，网页请求加载缓慢。