Webpack基础认识
在学习Webpack之前，我们先来了解一下Webpack到底是什么，能做什么，首先有一个大致的了解，对我们后面的学习和理解是十分有帮助的。
什么是Webpack
官网给出的基本概念：Webpack是一个现代JavaScript 应用程序的静态模块打包器(module bundler)。当Webpack处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle（代码块）。简单点来说，Webpack是前端工程化的一个构建工具，我们利用这个工具实现前端工程化。
为什么要使用Webpack
目前前端开发已经进入了模块化开发阶段，传统的引入各种JavaScript和Css文件的开发模式已经基本告别了这个时代。为了实现前端模块化开发，网上出现了Grunt，Gulp，Fis3，Webpack等优秀的前端模块化和工程化的构建工具，帮助我们项目工程的开发。
大多数开发团队都会紧跟时代的步伐，采用新的语言和框架来开发项目，Webpack为这些新的语言和框架开发的项目提供了一站式的解决方案。同时Webpack经过多年的发展其社区，生态链，和维护团队都比较健全，从基础使用到高级进阶都能找到丰富的经验分享。
所以Webpack在众多构建工具中脱颖而出，成为了现在前端开发工程师不可或缺的一项必备技能。
Webpack能做些什么
由于单页应用（Spa）的流行，网页的功能和实现代码变得复杂，所以Web开发向模块化改进。Webpack的设计就是专门针对于模块化和Spa应用开发，其提供了许许多多的构建能力，比如：代码分离，Tree Shaking，懒加载，缓存，动态链接库，热更新，分环境配置等等，都是Webpack中非常优秀的功能。使用Webpack不仅可以构建Spa应用，还可以构建多页面应用（Mpa）的应用，你还可以使用Webpack构建出具有特色功能的第三方库或者业务模块。同时Webpack提供了大量特有的API，在项目中使用这些API能够达到事半功倍。