1. 文件结构
2. base.js
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
requirejs.config({
baseUrl:
'js'
,
paths:{
jquery:
"../dist/js/jquery-1.11.3.min"
,
domReady:
"../dist/js/domReady"
},
urlArgs:
"version="
+ version,
shim: {
'jquery'
: {
exports:
'$'
}
},
callback:
function
(){
console.log(
"execute page js ... "
);
require(pageJS);
},
deps:[
"jquery"
]
// 默认要加载的js
});
|
3. index.js
|
1
2
3
4
5
6
7
|
define([
"domReady"
,
"jquery"
],
function
(domReady,$){
domReady(
function
(){
console.log(
"index js ...."
);
});
});
|
4. index.html
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<!DOCTYPE html>
<
html
>
<
head
lang
=
"en"
>
<
meta
charset
=
"UTF-8"
>
<
title
></
title
>
<
script
src
=
"dist/js/requirejs-2.1.22.js"
></
script
>
<
script
>
var version = "0.0.1";
var pageJS = ["index"];
</
script
>
<
script
src
=
"js/base.js"
></
script
>
</
head
>
<
body
>
</
body
>
</
html
>
|
本文转自 antlove 51CTO博客,原文链接:http://blog.51cto.com/antlove/1773611
本文介绍了一个基于RequireJS的简单项目配置案例,详细展示了如何通过RequireJS进行模块加载和依赖管理。案例中涉及了RequireJS的基本配置、模块定义及页面引入方式。

147

被折叠的 条评论
为什么被折叠?



