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 相关文章推荐
Textbox控件注册回车事件及触发按钮提交事件具体实现
Mar 04 Javascript
JQuery 操作/获取table具体代码
Jun 13 Javascript
jQuery实现的原图对比窗帘效果
Jun 15 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
May 11 Javascript
JavaScript排序算法动画演示效果的实现方法
Oct 18 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
Nov 09 Javascript
基于jQuery实现的Ajax 验证用户名唯一性实例代码
Jun 28 jQuery
详解利用jsx写vue组件的方法示例
Jul 17 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
Aug 11 Javascript
基于滚动条位置判断的简单实例
Dec 14 Javascript
H5实现手机拍照和选择上传功能
Dec 18 Javascript
JavaScript 绘制饼图的示例
Feb 19 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
有关于PHP中常见数据类型的汇总分享
2014/01/06 PHP
ThinkPHP模板判断输出Defined标签用法详解
2014/06/30 PHP
通过Email发送PHP错误的方法
2015/07/20 PHP
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
jquery 学习之二 属性 文本与值(text,val)
2010/11/25 Javascript
$.format,jquery.format 使用说明
2011/07/13 Javascript
浏览器打开层自动缓慢展开收缩实例代码
2013/07/04 Javascript
关于extjs4如何获取grid修改后的数据的问题
2013/08/07 Javascript
JS辨别访问浏览器判断是android还是ios系统
2014/08/19 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
2015/08/22 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
2016/11/16 Javascript
angularjs中使用ng-bind-html和ng-include的实例
2017/04/28 Javascript
vue中将网页打印成pdf实例代码
2017/06/15 Javascript
Vue + Vue-router 同名路由切换数据不更新的方法
2017/11/20 Javascript
nodejs结合socket.io实现websocket通信功能的方法
2018/01/12 NodeJs
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
2018/03/06 Javascript
vue移动UI框架滑动加载数据的方法
2018/03/12 Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
2018/08/13 Javascript
python 2.7.14安装图文教程
2018/04/08 Python
Python实现一个数组除以一个数的例子
2019/07/20 Python
python创建学生管理系统
2019/11/22 Python
pytorch 图像预处理之减去均值,除以方差的实例
2020/01/02 Python
python实现学生成绩测评系统
2020/06/22 Python
Django REST 异常处理详解
2020/07/15 Python
Python 如何操作 SQLite 数据库
2020/08/17 Python
css3实现一款模仿iphone样式的注册表单
2013/03/20 HTML / CSS
酷瑞网络科技面试题
2012/03/30 面试题
捷科时代的软件测试笔试题
2015/11/09 面试题
电子商务专业在校生实习自我鉴定
2013/09/29 职场文书
先进个人获奖感言
2014/01/24 职场文书
接受捐赠答谢词
2014/01/27 职场文书
群教个人对照检查材料
2014/08/20 职场文书
2015年勤工助学工作总结
2015/04/29 职场文书
教师调动申请报告
2015/05/18 职场文书
2016年春季开学典礼新闻稿
2015/11/25 职场文书
2016元旦文艺汇演主持词(开场白+结束语)
2015/12/03 职场文书