四时宝库

程序员的知识宝库

正确理解requirejs加载结构(js reload)

github.com/requirejs/requirejs

https://github.com/requirejs/requirejs/blob/master/require.js

文件结构:

index.html

js

main.js

jquery-3.1.0.min.js

check.js

error.js

require.js


index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>requirejs</title>
</head>
<body>
</body>
<script src="js/require.js" data-main="js/main.js"></script>
</html>


js/main.js

require.config({
paths:{
jquery:'jquery-3.1.0.min'
}
})
requirejs(['jquery', 'error'], function($, error){
$('body').css('background-color', 'red');
error.isEmpty();
})
/*
requirejs(['jquery', 'check'], function($, check){
$('body').css('background-color', 'red');
check.isEmpty();
})


check.js

define(['jquery'], function($){
return{
isEmpty: function(){
alert(666)
},
checkLength:function(){},
isEqual:function(){}
}
})


error.js

define(['jquery'], function($){
return{
isEmpty: function(){
alert(777)
},
checkLength:function(){},
isEqual:function(){}
}
})

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接