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 相关文章推荐
很全的显示阴历(农历)日期的js代码
Jan 01 Javascript
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
Feb 05 Javascript
判断ie的两种简单方法
Aug 12 Javascript
使用jQueryMobile实现滑动翻页效果的方法
Feb 04 Javascript
jQuery实现的多滑动门,多选项卡效果代码
Mar 28 Javascript
利用jsonp跨域调用百度js实现搜索框智能提示
Aug 24 Javascript
webpack常用配置项配置文件介绍
Nov 07 Javascript
创建一般js对象的几种方式
Jan 19 Javascript
seajs实现强制刷新本地缓存的方法分析
Oct 16 Javascript
js实现ATM机存取款功能
Oct 27 Javascript
详细分析Node.js 多进程
Jun 22 Javascript
纯JS开发baguetteBox.js响应式画廊插件
Jun 28 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
体育彩票排列三组选三算法分享
2014/03/07 PHP
PHP+jQuery实现滚屏无刷新动态加载数据功能详解
2017/05/04 PHP
thinkPHP5实现的查询数据库并返回json数据实例
2017/10/23 PHP
php实现统计二进制中1的个数算法示例
2018/01/23 PHP
关于PHP求解三数之和问题详析
2020/11/09 PHP
Jquery在IE7下无法使用 $.ajax解决方法
2009/11/11 Javascript
Three.js源码阅读笔记(光照部分)
2012/12/27 Javascript
jQuery+css+html实现页面遮罩弹出框
2013/03/21 Javascript
JavaScript常用脚本汇总(二)
2015/03/04 Javascript
JavaScript常用函数工具集:lao-utils
2016/03/01 Javascript
一步步教大家编写酷炫的导航栏js+css实现
2016/03/14 Javascript
Node.js websocket使用socket.io库实现实时聊天室
2017/02/20 Javascript
Js自定义多选框效果的实例代码
2017/07/05 Javascript
es6中的解构赋值、扩展运算符和rest参数使用详解
2017/09/28 Javascript
JS中Attr的用法详解
2017/10/09 Javascript
JS数组方法reduce的用法实例分析
2020/03/03 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
2020/07/19 Javascript
在RedHat系Linux上部署Python的Celery框架的教程
2015/04/07 Python
在Python的Flask框架中实现单元测试的教程
2015/04/20 Python
使用Python脚本来获取Cisco设备信息的示例
2015/05/04 Python
浅谈flask截获所有访问及before/after_request修饰器
2018/01/18 Python
Flask之flask-session的具体使用
2018/07/26 Python
修改默认的pip版本为对应python2.7的方法
2018/11/06 Python
在python中对变量判断是否为None的三种方法总结
2019/01/23 Python
opencv resize图片为正方形尺寸的实现方法
2019/12/26 Python
使用Keras实现Tensor的相乘和相加代码
2020/06/18 Python
使用Keras预训练好的模型进行目标类别预测详解
2020/06/27 Python
HTML5中indexedDB 数据库的使用实例
2017/05/11 HTML / CSS
英国最大的运动营养公司之一:LA Muscle
2018/07/02 全球购物
澳大利亚在线床零售商:Bedworks
2020/09/01 全球购物
历史学专业推荐信
2013/11/06 职场文书
优秀实习生感言
2014/03/01 职场文书
高等教育专业自荐信范文
2014/03/26 职场文书
财务个人年度总结范文
2015/02/26 职场文书
爱鸟护鸟的宣传语
2015/07/13 职场文书
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python