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 相关文章推荐
基于Jquery的开发个代阴影的对话框效果代码
Jul 28 Javascript
jQuery load方法用法集锦
Dec 06 Javascript
ejs v9 javascript模板系统
Mar 21 Javascript
js分页工具实例
Jan 28 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
js实现无限级树形导航列表效果代码
Sep 23 Javascript
js图片轮播手动切换效果
Nov 10 Javascript
jquery中ajax处理跨域的三大方式
Jan 05 Javascript
JS简单循环遍历json数组的方法
Apr 22 Javascript
js实现input密码框显示/隐藏功能
Sep 10 Javascript
Vue 无限滚动加载指令实现方法
May 28 Javascript
jquery实现垂直手风琴导航栏
Feb 18 jQuery
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作的文本留言本的例子(一)
2006/10/09 PHP
PHP中文竖排转换实现方法
2015/10/23 PHP
php+ajax实现无刷新数据分页的办法
2015/11/02 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
Javascript里使用Dom操作Xml
2007/01/22 Javascript
对于this和$(this)的个人理解
2013/09/08 Javascript
jquery实现滑动图片自己测试的例子
2013/11/05 Javascript
浅析JavaScript中的typeof运算符
2013/11/30 Javascript
javascript避免数字计算精度误差的方法详解
2014/03/05 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
2016/03/24 Javascript
JavaScript中的对象和原型(一)
2016/08/12 Javascript
详解js界面跳转与值传递
2016/11/22 Javascript
NodeJS创建最简单的HTTP服务器
2017/05/15 NodeJs
纯js实现的积木(div层)拖动功能示例
2017/07/19 Javascript
浅谈使用React.setState需要注意的三点
2017/12/18 Javascript
js中的闭包实例展示
2018/11/01 Javascript
利用Node.js如何实现文件循环覆写
2019/04/05 Javascript
JavaScript实现字符串与HTML格式相互转换
2020/03/17 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
2020/04/24 Javascript
解决在Python编辑器pycharm中程序run正常debug错误的问题
2019/01/17 Python
python实现画循环圆
2019/11/23 Python
Python 支持向量机分类器的实现
2020/01/15 Python
离线状态下在jupyter notebook中使用plotly实例
2020/04/24 Python
解决TensorFlow程序无限制占用GPU的方法
2020/06/30 Python
matplotlib图例legend语法及设置的方法
2020/07/28 Python
Python程序慢的重要原因
2020/09/04 Python
python实现定时发送邮件
2020/12/23 Python
Html5中的桌面通知Notification的实现
2018/09/25 HTML / CSS
html5声频audio和视频video等新特性详细说明
2012/12/26 HTML / CSS
怎样在程序里获得一个空指针
2015/01/24 面试题
应聘自荐书
2013/10/08 职场文书
竞职演讲稿范文
2014/01/11 职场文书
班班通项目实施方案
2014/02/25 职场文书
恶搞卫生巾广告词
2014/03/18 职场文书
2015最新婚礼司仪主持词
2015/06/30 职场文书
Redis基本数据类型String常用操作命令
2022/06/01 Redis