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