前端开发在近一两年发展的非常快，JavaScript作为主流的开发语言得到了前所未有的热捧。大量的前端框架出现了，这些框架都在尝试着解决一 些前端开发中的共性问题，但是实现又不尽相同。通常一般的前端加载js文件都是这样 :
后面调用require.js中的方法require，也就是加上这一句
调用配置中的color模块
再次访问index.html好了完美出现我们想要的了。
如图：
注意
index.html中引入的顺序不能打乱
<script type="text/javascript" src="require.js">
<script type="text/javascript">require(['color']);
require.config()接受一个配置对象，这个对象除了有前面说过的paths属性之外，还有一个shim属性，专门用来配置不兼容的模块。具体来说，每个模块要定义（1）exports值（输出的变量名），表明这个模块外部调用时的名称；（2）deps数组，表明该模块的依赖性。
原文链接：https://www.f2er.com/js/36611.html