[油猴脚本开发指南]模块化代码介绍

李恒道

前文

之前我们也了解了webpack主要意义在于
我们可以把一整块代码给拆成一块一块的
实现模块化代码
因为如果当我们编写大型项目的时候
可能一个项目会占据几万几十万行的代码
这个时候如果人工去考虑各种函数的拆分和统一
是一个极具负担的工作
而引入模块化
让项目打包工具来替我们考虑和计算这些
我们就可以放手开干了！

模块化种类

我们先建立一个前提
模块化的运行基础是需要建立在一个语言的运行环境上，或使用代码来进行实现
只要可以执行模块的拆分，即可认定是一种模块化工具
所以理论上存在无数种模块化工具
但是实际主流的只有几种
如AMD、CMD、UMD、CommonJS、ES Moudle/ES6等等
目前AMD、CMD已经被抛弃了、UMD在打包后还能看到
我们主要学习的是CommonJS ES6两种导出
但是因为我们是一个油猴脚本开发指南
在分析网页的过程中
很有可能在一些上古网页依然出现这类导出
所以依然会简单介绍一些这类过时的打包工具

如果你已经简单的了解了本文的内容
那让我们快乐的在模块化中游荡吧！

结语

撒花~