js中requirejs的用法有哪些

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的一些常见用法,详细的用法可以参考官方文档。

阅读剩余
THE END