脚本宝典收集整理的这篇文章主要介绍了RequireJS学习,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
RequireJS是一个JavaScript文件和模块加载器。除了可以在浏览器中使用外,还可以用Node或Rhino等Server端环境。
最新版可以在这里下载。
基本用法
假设你的工程目录结构如下:
首先,将requirejs.js放入js/lib目录。
-
project
index.html
-
js
- lib
- jquery.js
- require.js
- app
- sub_app.js
- app.js
然后,在index.html中引入<script>
用来加载require.js。
<script data-main="js/app" src="js/lib/require.js"></script>
在app.js中,使用require
方法加载其他脚本
requirejs.config({
// 默认从js/lib目录加载
baseUrl: 'js/lib',
// 如果模块ID以app开头,则从js/app目录加载
// paths相对于baseUrl设定
// 不要指定".js"后缀,因为paths可以是一个目录
paths: {
app: '../app',
jquery: 'jquery.min',
}
});
// app入口
require(['app/sub_app'], function (sub) {
sub.hello();
});
在sub_app.js中定义一个module
// define相对于baseUrl设定
define(['jquery'], function ($) {
return {
LOG: function (msg) {
if (window.console && console.log) {
console.log(msg);
} else {
alert(msg);
}
},
hello: function () {
this.log("Hello, I'm powered by jQuery " + $().jquery + "!");
}
};
});
现在,打开浏览器的控制台,应该能看到我们自定义的module成功使用jQuery输出了下面这句话:
Hello, I'm powered by jQuery 1.8.3!
以上是脚本宝典为你收集整理的RequireJS学习全部内容,希望文章能够帮你解决RequireJS学习所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。