require.js是一个JavaScript模块加载器,主要用于在浏览器环境中异步加载模块。以下是一些require.js的常见用法:
- 定义模块:
define(['dependency1', 'dependency2'], function(dep1, dep2) { // 模块代码 return module; });
- 加载模块:
require(['module1', 'module2'], function(mod1, mod2) { // 模块加载完成后执行的代码 });
- 配置require.js:
require.config({ baseUrl: 'js', // 设置基准路径 paths: { 'module1': 'path/to/module1', // 定义模块路径别名 'module2': 'path/to/module2' }, shim: { 'jquery': { exports: '$' // 配置非AMD模块的依赖关系 } } });
- 动态加载模块:
require(['module1'], function(mod1) { require(['module2'], function(mod2) { // 模块加载完成后执行的代码 }); });
- 加载非AMD模块:
require(['jquery'], function($) { // 使用jQuery库 });
- 全局配置模块加载超时时间:
require.config({ waitSeconds: 15 // 设置模块加载超时时间(单位为秒) });
- 指定模块加载失败时的处理:
require.onError = function(err) { console.log('模块加载失败:', err); };
需要注意的是,以上只是require.js的一些常见用法,详细的用法可以参考官方文档。