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 加上最后自己的验证
Nov 04 Javascript
Prototype源码浅析 Number部分
Jan 16 Javascript
js异步加载的三种解决方案
Mar 04 Javascript
Js判断CSS文件加载完毕的具体实现
Jan 17 Javascript
javascript的switch用法注意事项分析
Feb 02 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
Sep 28 Javascript
微信小程序 LOL 英雄介绍开发实例
Sep 30 Javascript
详解JS中的立即执行函数
Feb 24 Javascript
微信小程序实现滚动消息通知
Feb 02 Javascript
记一次vue去除#问题处理经过小结
Jan 24 Javascript
p5.js临摹旋转爱心
Oct 23 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
Mar 17 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
实用函数2
2007/11/08 PHP
PHP 面向对象程序设计(oop)学习笔记 (五) - PHP 命名空间
2014/06/12 PHP
thinkPHP查询方式小结
2016/01/09 PHP
JSON 客户端和服务器端的格式转换
2009/08/27 Javascript
Javascript图像处理—平滑处理实现原理
2012/12/28 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
2014/06/15 Javascript
Html5的placeholder属性(IE兼容)实现代码
2014/08/30 Javascript
json实现前后台的相互传值详解
2015/01/05 Javascript
JavaScript数组各种常见用法实例分析
2015/08/04 Javascript
javascript实现在网页中运行本地程序的方法
2016/02/03 Javascript
第二篇Bootstrap起步
2016/06/21 Javascript
AngularJS基础 ng-keydown 指令简单示例
2016/08/02 Javascript
非常优秀的JS图片轮播插件Swiper的用法
2017/01/03 Javascript
详解webpack require.ensure与require AMD的区别
2017/12/13 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
2018/04/03 Javascript
解决LayUI表单获取不到data的问题
2018/08/20 Javascript
jquery中attr、prop、data区别与用法分析
2019/09/25 jQuery
微信小程序 scroll-view 水平滚动实现过程解析
2019/10/12 Javascript
javascript Canvas动态粒子连线
2020/01/01 Javascript
在 Vue 中编写 SVG 图标组件的方法
2020/02/24 Javascript
Vue路由的模块自动化与统一加载实现
2020/06/05 Javascript
[07:52]2014DOTA2 TI逗比武士游V社解说背后的故事
2014/07/10 DOTA
[46:55]Ti4 冒泡赛第二轮 LGD vs C9
2014/07/14 DOTA
闭包在python中的应用之translate和maketrans用法详解
2014/08/27 Python
django使用LDAP验证的方法示例
2018/12/10 Python
Python实现计算文件MD5和SHA1的方法示例
2019/06/11 Python
pyqt5 实现多窗口跳转的方法
2019/06/19 Python
Python 实现输入任意多个数,并计算其平均值的例子
2019/07/16 Python
基于Python中的yield表达式介绍
2019/11/19 Python
Python和Anaconda和Pycharm安装教程图文详解
2020/02/04 Python
一个非常简单好用的Python图形界面库(PysimpleGUI)
2020/12/28 Python
中专毕业生自我鉴定
2014/02/02 职场文书
软件工程毕业生自荐信
2014/07/04 职场文书
四风剖析查摆对照检查材料思想汇报
2014/09/24 职场文书
教师工作证明范本
2015/06/12 职场文书