对于webpack的认识始终停留在对脚手架的使用，不得不说脚手架既方便又好用，修改起来也方便，只需要知道webpack中各个配置项的功能，于是对于我们来说，webpack始终就是一个黑盒子，我们完全不清楚里面是如何去运作的。打包时报错，就只能借助google来协助帮忙解决问题，至于为什么要这样解决，什么原理，不管，能解决就好。那么，了解一下基本原理也是有必要。
概念
言归正传，我们一起了解一下webpack运行基本原理，首先先明白几个核心概念，
流程
webpack构建流程，详细过程如下：
事件
整个构建流程会发生很多的事件，来供Plugin监听，这些事件具体的可以分为三个阶段，分别是初始化阶段、编译阶段、输出阶段，那么具体有哪些事件，这里按阶段分别介绍，
初始化阶段
编译阶段
Compilation的事件
输出阶段
总结
Webpack是很好的前端资源加载和打包工具，在webpack里一切皆模块，很好地处理文件之间的依赖关系，这里我们介绍的是些理论性的知识，了解基本概念，知道整个流程是怎么样的，webpack是串行流水线运行的，工作期间会有很多广播事件，来供插件使用，这里我们介绍了各个阶段的事件以及作用，具体代码表示形式，后续文章会引入。