Webpack

总有一些似乎没什么用但总是记不住的面试题，比如这道： 这个模块导出什么？ 如果只看上面代码中的 exports 和 module.exports，毫无疑问module.exports 的导出会生效。

Webpack的分包机制主要是通过代码分割（code splitting）来实现，简单来说，就是将一个完整的代码，分布到不同的打包文件中。

Babel是一个 JavaScript 编译器，它是独立的，可以在webpack外使用。 Babel和Webpack各自负责不同的任务，它们可以可以协同工作来优化和构建现代JavaScript应用。

loader的功能定位是进行预处理转换代码，而另外一些操作需要依靠plugin来完成。plugin可以认为是注册事件的，上图的点是一些事件触发点，在这些节点可能会触发事件，plugin可以监听...

loader是用来预处理的，本文使用流程图分析loader的运行过程，并自定义简单的loader帮助理解该过程。

上篇写了webpack编译结果分析，这一篇讲一下webpack的编译过程。 众所周知，webpack 的作用是将源代码编译（构建、打包）成最终代码。整个过程可以概括为三个步骤：初始化、编译、输出。

本文将以两个基础模块为例，模拟一个简化的webpack编译结果，将编译结果中的每个部分逐一拆解，用浅显的语言解释其作用和意义。

浏览器端的模块化问题 效率问题：精细的模块划分带来了更多的JS文件，更多的JS文件带来了更多的请求，降低了页面访问效率 兼容性问题：浏览器目前仅支持ES6的模块化标准，并且还存在兼容性问题 工具问题：

webpack官网：https://www.webpackjs.com/ 简介 webpack是基于模块化的打包（构建）工具，它把一切视为模块。 它通过一个开发时态的入口模块为起点，分析出所有的依赖关