Fork me on GitHub

requireJs

下载 require.js 右键另存为就可以了
在你的html里面引入require.js,还有一个切入点js,你可以在main.js里面写require的配置

entry-point

我的目录是样的:require-demo

然后你在main.js里面写requireJs的配置

1
2
3
4
5
6
7
8
9
10
11
12
require.config({
paths:{
jquery: "jquery-3.1.0"
}
})
//other会自己引入我的other.js只要你的参数和你的js文件名称一样就可以了,
//这里Jquery如果你把jquery-3.1.0名字改成jquery.js也不需要上面的那个Paths了
require(['jquery', 'other'], function($) {
console.log("test require.js");
// alert($().jquery); -->3.1.0
})

还有一种是define,当你想定义一个函数时,可以在你想写的js里面

1
2
3
4
5
6
7
8
9
10
11
//math.js和main.js require.js相同目录
define(function() {
var add = function(a, b) {
return a+b;
}
return{
add : add
}
})

在调用 的时候,因为这个math.js不依赖其它的js,所以可以直接用

1
2
3
4
5
6
//加载了math.js,同时math.js里面的方法add也可以使用了
require(['math'], function(math){
console.log(math.add(1, 3)); //--->4
})

坚持原创技术分享,您的支持将鼓励我继续创作!