requirejs

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
    <!--
<script data-main="js/main" src="require.js"></script>
-->
 
<script data-main="js/test" src="js/require.js"></script>
</head>
<body>
<script>
</script>
</body>
</html>

 

//test.js

?
1
2
3
4
5
6
7
8
9
10
11
requirejs.config({<br>//默认相对于html页面, baseUrl指定为相对页面下的js目录
    baseUrl : "js",<br>//这个可以是缩写
    paths : {
 
    },<br>//这个里面指定的是顺序，就像backbone需要jq和underscore一样；
    shim : []
});
<br>//加载lib目录下的test1，并执行返回对象下的App
requirejs(["lib/test1"],function(test1){
    test1.App();
})

　　

test1.js

?
1
2
3
4
5
6
7
8
9
//依赖模块m1 和 m2<br>//如果依赖是以".." “/”做开头或者是“.js"作结尾查询目录的方式就不是根据正常的查找了<br>define(["model/m1","model/m2"],function (m1,m2) {
    return {
        App : function(){
            console.log( m1 );
            m2;
            return "App is runing"
        }
    };
});

　　

model/m1.js

?
1
2
3
define(function(){
    return "m1"
})

　　

model/m2.js

?
1
2
3
4
5
6
//这个又是依赖控制器c1 和 c2了;<br>//这个是变成当前目录上的目录下的/controller/xx
define(["../controller/c1","../controller/c2"],function(c1,c2){
    console.log( c1 )
    console.log( c2 );
    return "m2"
})

　　

//controller/c1.js

?
1
2
3
define(function(){
    return "this is c1"
})

　　

//controller/c2.js

?
1
2
3
//这个又开始依赖view目录下的v1了，<br>define(["view/v1"],function(v1){
    return "this is c2"
})

　　

//如此就变成一个个模块了，开发就方便一些了，代码就不会一大堆了

本文作者：方方和圆圆

本文链接：https://www.cnblogs.com/diligenceday/p/3659034.html

版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   方方和圆圆  阅读(274)  评论(0)  编辑  收藏  举报

再过一百年， 我会在哪里？

💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
➖
收起
点击右上角即可分享
微信分享提示
AI IDE Trae