RequireJS是一个JavaScript模块加载器。它非常适合在浏览器中使用,但它也可以用在其他脚本环境,就像RhinoandNode。使用RequireJS加载模块化脚本将提高代码的加载速度和质量。
require的用法浏览器的兼容情况如下:
IE6+..........兼容✔
Firefox2+.....兼容✔
Safari3.2+....兼容✔
Chrome3+......兼容✔
Opera10+......兼容✔
最新版本:2.3.11
添加require的用法
注意:关于jQuery集成的意见,请看jQuery集成页面
假定你的项目中JavaScript都放在一个"scripts"目录。例如,你的项目中有一个project.html页面和一些scripts,目录布局如下:
项目目录/
util.js
main.js
helper/
project.html
scripts/
添加require.js到scripts目录,如下:
项目目录/
util.js
main.js
require.js
helper/
project.html
scripts/
为了充分利用的优化工具,建议您将所有的scripts放到的HTML外面,然后只引用require.js来请求加载你其它的scripts:
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPEhtml>
<html>
<head>
<title>MySampleProject</title>
<!--data-mainattributetellsrequire.jstoloadscripts/main.jsafterrequire.jsloads.-->
<scriptdata-main="scripts/main"src="scripts/require.js"></script>
</head>
<body>
<h1>MySampleProject</h1>
</body>
</html>
总之。在main.js,你可以使用require()来加载所有你需要运行的scripts.这可以确保你所有的scripts都是在这里加载的,你可以指定data-mainscript使用异步加载.