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.closest(),parent(),parents()寻找父结点
Feb 17 Javascript
基于jquery的可多选的下拉列表框
Jul 20 Javascript
javascript设计模式 封装和信息隐藏(上)
Jul 24 Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
Apr 02 Javascript
深入浅析react native es6语法
Dec 09 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
Jan 12 Javascript
完全深入学习Bootstrap表单
Nov 28 Javascript
AngularJS路由实现页面跳转实例
Mar 03 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
Mar 22 Javascript
vue基于mint-ui实现城市选择三级联动
Jun 30 Javascript
JS基于封装函数实现的表格分页完整示例
Jun 26 Javascript
vue axios数据请求get、post方法及实例详解
Sep 11 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树的代码,可以嵌套任意层
2006/10/09 PHP
PHP 彩色文字实现代码
2009/06/29 PHP
PHP中的生成XML文件的4种方法分享
2012/10/06 PHP
PHP 基于Yii框架中使用smarty模板的方法详解
2013/06/13 PHP
php判断手机浏览还是web浏览,并执行相应的动作简单实例
2016/07/28 PHP
laravel-admin自动生成模块,及相关基础配置方法
2019/10/08 PHP
网站被黑的假象--ARP欺骗之页面中加入一段js
2007/05/16 Javascript
jQuery AJAX回调函数this指向问题
2010/02/08 Javascript
JavaScript CSS修改学习第六章 拖拽
2010/02/19 Javascript
javaScript 删除字符串空格多种方法小结
2012/10/24 Javascript
javascript实现促销倒计时+fixed固定在底部
2013/09/18 Javascript
多引号嵌套的变量命名的问题
2014/05/09 Javascript
使用Plupload实现直接上传附件至七牛云存储
2014/12/26 Javascript
javascript中call apply 的应用场景
2015/04/16 Javascript
AngularJS指令用法详解
2016/11/02 Javascript
vue实现打印功能的两种方法
2018/09/07 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
python在Windows8下获取本机ip地址的方法
2015/03/14 Python
Python3离线安装Requests模块问题
2019/10/13 Python
python KNN算法实现鸢尾花数据集分类
2019/10/24 Python
pygame实现五子棋游戏
2019/10/29 Python
python3 BeautifulSoup模块使用字典的方法抓取a标签内的数据示例
2019/11/28 Python
详解css3中 text-fill-color属性
2019/07/08 HTML / CSS
英国领先的瓷砖专家:Walls and Floors
2018/04/27 全球购物
捷克建筑材料网上商店:DEK.cz
2021/03/06 全球购物
params有什么用
2016/03/01 面试题
小学运动会表扬稿
2014/01/19 职场文书
校车安全责任书
2014/08/25 职场文书
小学国旗下的演讲稿
2014/08/28 职场文书
2014年煤矿安全工作总结
2014/12/04 职场文书
学生会辞职信
2015/03/02 职场文书
世界名著读书笔记
2015/06/25 职场文书
工作会议简报
2015/07/20 职场文书
贴吧吧主申请感言
2015/08/03 职场文书
小学教师师德培训心得体会
2016/01/09 职场文书
教师读书活动心得体会
2016/01/14 职场文书