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+CSS 实现的超Sexy下拉菜单
Jan 17 Javascript
javascript 面向对象 function类
May 13 Javascript
在VS2008中使用jQuery智能感应的方法
Dec 30 Javascript
再谈javascript面向对象编程
Mar 18 Javascript
原生javascript和jquery判断浏览器版本等信息
Jul 04 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
Oct 20 Javascript
jQuery模仿单选按钮选中效果
Jun 24 Javascript
ES6 javascript中class类的get与set用法实例分析
Oct 30 Javascript
微信小程序发布新版本时自动提示用户更新的方法
Jun 07 Javascript
使用uni-app开发微信小程序的实现
Dec 13 Javascript
Javascript原生ajax请求代码实例
Feb 20 Javascript
javascript实现支付宝滑块验证码效果
Jul 24 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
用Socket发送电子邮件(利用需要验证的SMTP服务器)
2006/10/09 PHP
PHP获得用户使用的代理服务器ip即真实ip
2006/12/31 PHP
PHP连接MongoDB示例代码
2012/09/06 PHP
PHP中time(),date(),mktime()区别介绍
2013/09/28 PHP
php stream_get_meta_data返回值
2013/09/29 PHP
thinkphp中空模板与空模块的用法实例
2014/11/26 PHP
分享php代码将360浏览器导出的favdb的sqlite数据库文件转换为html
2015/12/09 PHP
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
php+ajax实现文件切割上传功能示例
2020/03/03 PHP
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2013/04/02 Javascript
jQuery Validate插件实现表单强大的验证功能
2015/12/18 Javascript
jQuery中hover与mouseover和mouseout的区别分析
2015/12/24 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
2016/01/05 Javascript
javascript淘宝主图放大镜功能
2016/10/20 Javascript
angular分页指令操作
2017/01/09 Javascript
微信小程序自定义组件
2017/08/16 Javascript
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
浅谈vue中get请求解决传输数据是数组格式的问题
2020/08/03 Javascript
JS创建自定义对象的六种方法总结
2020/12/15 Javascript
matplotlib作图添加表格实例代码
2018/01/23 Python
Python错误处理操作示例
2018/07/18 Python
Python爬虫爬取、解析数据操作示例
2020/03/27 Python
django admin管理工具自定义时间区间筛选器DateRangeFilter介绍
2020/05/19 Python
Python3爬虫中pyspider的安装步骤
2020/07/29 Python
美国现代家具购物网站:LexMod
2019/01/09 全球购物
GUESS Factory加拿大:牛仔裤、服装及配饰
2019/09/20 全球购物
在DELPHI中调用存储过程和使用内嵌SQL哪种方式更好
2016/11/22 面试题
毕业生的自我评价范文
2013/12/31 职场文书
生物学学生自我评价
2014/01/17 职场文书
酒鬼酒广告词
2014/03/21 职场文书
教师考核评语
2014/04/28 职场文书
党员教师群众路线思想汇报范文
2014/10/28 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书
Go 实现英尺和米的简单单位换算方式
2021/04/29 Golang
Tomcat用户管理的优化配置详解
2022/03/31 Servers
MySQL导致索引失效的几种情况
2022/06/25 MySQL