RequireJS 是一个 JavaScript 模块加载器,主要用于实现异步或动态加载 js 文件,它的模块管理遵守AMD规范(Asynchronous Module Definition)。通过 RequireJS 我们可以很好地解决 js文件间相互依赖关系及 js 文件过多导致的页面加载慢等问题,很好地提高了代码的性能和可维护性。
RequireJS的基本设计思想是:通过define方法将代码定义为模块然后通过require方法,实现代码的模块加载。下面简单说下 RequireJS 的使用方法:
require.js 文件的引入
在引入 require.js 文件之前,我们需要先获取它。
与其他的 js 文件一样,require.js 同样通过 script 便签引入,代码如下:
注意:data-main 指向配置文件位置,比如上面代码中为 js文件下的 main.js 文件。省略此参数则在 require.js 文件底部配置亦可。
require.js 的基本配置
require.js 通过 config 方法进行配置,config 方法接受一个对象作为参数。完整的配置代码如下:
require.config({
baseUrl:'js/libs',
paths: {
'qrcode' : 'libs/jquery.qrcode.min',
'lazyload' : 'libs/lazyload.min',
'videojs' :