又到一年金三银四，面试官今年最爱问点啥？说起前端工程师进阶，Webpack 是一个绕不开的话题，每年都会很多新面试题源源不断的涌来，例如：
- Webpack的打包原理是什么？
- 什么是loader，什么是plugin？
- 什么是模热更新？有什么优点？
Webpack之于前端，正如同 gcc/g++ 之于 C/C++。不论你用 React、Vue 还是 Angular，撸出来的源代码都必须经过转换，而这个过程就是我们常说的前端工程化——构建。
构建是每个前端程序员的“宿命”，因此，选择强大的构建工具就非常重要了。Webpack 是圈子里最主流的构建工具，号称“静态资源皆可打包”，其原理是通过 Loader 转换文件、Plugin 注入钩子，最后输出由多个模块组合成的文件。
利用 Webpack 打包可以提升开发效率，增强前端工程的可拓展性，最重要的是，几乎不用担心模块间的互相依赖关系，前端工程师可以任意选择喜欢的模块进行开发。
与gulp和Grunt相比，Webpack 更偏向一种模块化的完整解决方案，它会将项目视为一个整体，通过指定入口并找到项目中所有的依赖文件，这是 Webpack 能满足大型复杂的前端站点构建的原因。
所以，无论你正处于前端开发的哪个阶段，Webpack 都是你通往前端技术之巅一定要牢牢掌握的核心技术栈：
标签：跳槽,babel,前端,Webpack,构建,模块,原理,打包 From： https://blog.51cto.com/u_15809510/7191318
如何提高 Webpack 的构建速度、优化前端性能？
NPM 的模块构建优先选用ES6还是ES5？
如何吃透复杂的插件体系，源码如何阅读？