RequireJS用法简单示例


Posted in Javascript onAugust 20, 2018

本文实例讲述了RequireJS用法。分享给大家供大家参考,具体如下:

建立如下工程目录:

|-test

   |-index.html

   |-index.js

   |-main.js

   |-require.min.js

   |-test.js

其中,index.html如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Index</title>
</head>
<body>
<script type="text/javascript" data-main="main.js" src="require.js"></script>
</body>
</html>

data-main为入口。

main.js如下:

define(['require','main'],function (require) {
  require(['index','test'],function (index,test) {
    console.log(index.index());
    console.log(test.test());
  });
});

index.js如下:

define(['require','index'],function (require) {
  var index = {
    index:function () {
      console.log("index");
    }
  };
  return index;
});

test.js如下:

define(['require','test'],function (require) {
  var test = {
    test:function () {
      console.log("test");
    }
  };
  return test;
});

当要简单包装CommonJS来定义模块,则main.js改为:

define(function(require, exports, module) {
    var index = require('index');
    var test = require('test');
  }
);

即可引入index.js 和 test.js。

希望本文所述对大家RequireJS程序设计有所帮助。

Javascript 相关文章推荐
解决iframe的frameborder在chrome/ff/ie下的差异
Aug 12 Javascript
解析jQuery与其它js(Prototype)库兼容共存
Jul 04 Javascript
JavaScript中获取样式的原生方法小结
Oct 08 Javascript
JavaScript操作XML/HTML比较常用的对象属性集锦
Oct 30 Javascript
Bootstrap Paginator分页插件使用方法详解
May 30 Javascript
浅谈jquery选择器 :first与:first-child的区别
Nov 20 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
Jan 12 Javascript
简单实现js无缝滚动效果
Feb 05 Javascript
基于Vue2.0的分页组件
Mar 16 Javascript
vue.js click点击事件获取当前元素对象的操作
Aug 07 Javascript
AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案
Aug 13 Javascript
vue 解决在微信内置浏览器中调用支付宝支付的情况
Nov 09 Javascript
JavaScript实现多态和继承的封装操作示例
Aug 20 #Javascript
浅谈微信小程序之官方UI框架we-ui使用教程
Aug 20 #Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
Aug 20 #Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
Aug 20 #Javascript
获取layer.open弹出层的返回值方法
Aug 20 #Javascript
react.js组件实现拖拽复制和可排序的示例代码
Aug 20 #Javascript
layui弹出层按钮提交iframe表单的方法
Aug 20 #Javascript
You might like
preg_match_all使用心得分享
2014/01/31 PHP
总结PHP内存释放以及垃圾回收
2018/03/29 PHP
js判断输入是否为正整数、浮点数等数字的函数代码
2010/11/17 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
2012/03/15 Javascript
jquery 动态创建元素的方式介绍及应用
2013/04/21 Javascript
禁用键盘上的(全局)指定键兼容iE、Chrome、火狐
2013/05/14 Javascript
SOSO地图JS画出标注和中心点以html形式运行
2013/08/09 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
2014/11/23 Javascript
常用的JQuery函数及功能小结
2016/03/24 Javascript
webpack打包并将文件加载到指定的位置方法
2018/02/22 Javascript
说说Vue.js中的functional函数化组件的使用
2019/02/12 Javascript
详解小程序循环require之坑
2019/03/08 Javascript
js实现漂亮的星空背景
2019/11/01 Javascript
video.js添加自定义组件的方法
2020/12/09 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
2020/12/26 Vue.js
Python open()文件处理使用介绍
2014/11/30 Python
Python的Django框架中settings文件的部署建议
2015/05/30 Python
分析用Python脚本关闭文件操作的机制
2015/06/28 Python
如何在Python中编写并发程序
2016/02/27 Python
python pyheatmap包绘制热力图
2018/11/09 Python
Python分布式进程中你会遇到的问题解析
2019/05/28 Python
python分割一个文本为多个文本的方法
2019/07/22 Python
python redis连接 有序集合去重的代码
2019/08/04 Python
Pytorch evaluation每次运行结果不同的解决
2020/01/02 Python
阿姆斯特丹杜莎夫人蜡像馆官方网站:Madame Tussauds Amsterdam
2019/03/12 全球购物
美国渔具店:FishUSA
2019/08/07 全球购物
俄罗斯苹果优质经销商商店:iPort
2020/05/27 全球购物
GWebs公司笔试题
2012/05/04 面试题
应用心理学专业求职信
2014/08/04 职场文书
公司捐书倡议书
2015/04/27 职场文书
2015年个人实习工作总结
2015/05/28 职场文书
2015年秋季运动会加油稿
2015/07/22 职场文书
党员读书活动心得体会
2016/01/14 职场文书
会计专业自荐信范文
2019/05/22 职场文书
SQL Server作业失败:无法确定所有者是否有服务器访问权限的解决方法
2021/06/30 SQL Server