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实现flash8类似的连接效果
May 03 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
Jan 23 Javascript
jquery的父子兄弟节点查找示例代码
Mar 03 Javascript
node.js中的fs.ftruncate方法使用说明
Dec 15 Javascript
JavaScript模板引擎用法实例
Jul 10 Javascript
浅谈$(document)和$(window)的区别
Jul 15 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
Apr 26 Javascript
Angular ng-repeat遍历渲染完页面后执行其他操作详细介绍
Dec 13 Javascript
vue2.0+koa2+mongodb实现注册登录
Apr 10 Javascript
JavaScript事件发布/订阅模式原理与用法分析
Aug 21 Javascript
layui中的switch开关实现方法
Sep 03 Javascript
JS前端监控采集用户行为的N种姿势
Jul 23 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中session_id()函数详细介绍,会话id生成过程及session id长度
2015/09/23 PHP
php mysql获取表字段名称和字段信息的三种方法
2016/11/13 PHP
购物车实现的几种方式优缺点对比
2018/05/02 PHP
Laravel配置全局公共函数的方法步骤
2019/05/09 PHP
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
jQuery ajax 路由和过滤器使用说明
2011/08/02 Javascript
JS模板实现方法
2013/04/03 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
2013/07/05 Javascript
查找Oracle高消耗语句的方法
2014/03/22 Javascript
node.js中的fs.readlinkSync方法使用说明
2014/12/17 Javascript
js判断当前页面用什么浏览器打开的方法
2016/01/06 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
2016/06/20 Javascript
js实现带三角符的手风琴效果
2017/03/01 Javascript
less简单入门(CSS 预处理语言)
2017/03/08 Javascript
p5.js临摹动态图形实现方法详解
2019/10/23 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
2020/05/09 Javascript
Vue Router中应用中间件的方法
2020/08/06 Javascript
[37:45]完美世界DOTA2联赛PWL S3 LBZS vs Phoenix 第二场 12.09
2020/12/11 DOTA
python实现查询苹果手机维修进度
2015/03/16 Python
详解TensorFlow在windows上安装与简单示例
2018/03/05 Python
selenium+python实现自动化登录的方法
2018/09/04 Python
python 读取文件并把矩阵转成numpy的两种方法
2019/02/12 Python
python利用selenium进行浏览器爬虫
2019/04/25 Python
详解pyppeteer(python版puppeteer)基本使用
2019/06/12 Python
Django 数据库同步操作技巧详解
2019/07/19 Python
Pytorch加载部分预训练模型的参数实例
2019/08/18 Python
python装饰器原理与用法深入详解
2019/12/19 Python
Python破解BiliBili滑块验证码的思路详解(完美避开人机识别)
2020/02/17 Python
人事专员职责
2014/02/22 职场文书
县长群众路线对照检查材料思想汇报
2014/10/02 职场文书
学校运动会广播稿范文
2014/10/02 职场文书
客房领班岗位职责
2015/02/11 职场文书
安全保证书怎么写
2015/02/28 职场文书
家长会后的感想
2015/08/11 职场文书
研究生学习计划书应该怎么写?
2019/09/10 职场文书
OpenCV全景图像拼接的实现示例
2021/06/05 Python