bootstrap5搭配require.js使用jquery的实例

main.js

1. require.config({
   
2.     urlArgs: "debug=" + (new Date()).getTime(),
   
3.     paths: {
   
4.         'jquery': "../jquery/3.3.1/jquery.min",
   
5.         'bootstrap': '../bootstrap/5.2.3/js/bootstrap.bundle.min'
   
6.     },
   
7.     shim:{
   
8.         'bootstrap':{
   
9.             exports: 'bootstrap'
   
10.         }
    
11.     }
    
12. });
    
13. //动态加载模块
    
14. require(['index'], function(module){
    
15.     console.log(module);
    
16. }, function (e) {
    
17.     console.error(e);
    
18. });

复制代码

index.js

1. define(['jquery','bootstrap'], function($,bootstrap){
   
2.     $('#carousel').carousel({interval: 1000});
   
3.     return true;
   
4. });

复制代码

不引用其它JS的实例

1. define(function(){
   
2.     return true;
   
3. });

复制代码