模块化介绍

前文提要

之前我们也了解了webpack主要意义在于：我们可以把一整块代码给拆成一块一块的实现模块化代码

因为如果当我们编写大型项目的时候，可能一个项目会占据几万几十万行的代码。这个时候如果人工去考虑各种函数的拆分和统一，将会是是一个极具负担的工作

而引入模块化，让项目打包工具来替我们考虑和计算这些。我们就可以放手开干了！

我们在此先建立一个前提，模块化的运行基础是对代码进行分块加载，或将多个模块打包成单个模块，或二者兼有之。

所以只要可以执行模块的拆分或统筹，即可认定是一种模块化工具

基于这个前提，主流的模块化工具一般有AMD、CMD、UMD、CommonJS、ES Moudle/ES6这几类

目前AMD、CMD已经被抛弃了、UMD在打包后还能看到

我们主要学习的是CommonJS以及ES6两种导出

但是因为我们是一个油猴脚本开发指南，在分析网页的过程中，很有可能在一些上古网页依然出现这类导出

所以依然会简单介绍一些这类过时的打包工具的核心导入导出代码以及作用原理等

如果你已经简单的了解了模块的思想，那接下来让我们快乐的在模块化知识中游荡吧！