require.js是一個JavaScript模塊加載器,主要用于在瀏覽器環境中異步加載模塊。以下是一些require.js的常見用法:
define(['dependency1', 'dependency2'], function(dep1, dep2) {
// 模塊代碼
return module;
});
require(['module1', 'module2'], function(mod1, mod2) {
// 模塊加載完成后執行的代碼
});
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) {
// 模塊加載完成后執行的代碼
});
});
require(['jquery'], function($) {
// 使用jQuery庫
});
require.config({
waitSeconds: 15 // 設置模塊加載超時時間(單位為秒)
});
require.onError = function(err) {
console.log('模塊加載失敗:', err);
};
需要注意的是,以上只是require.js的一些常見用法,詳細的用法可以參考官方文檔。