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 相关文章推荐
javascript中的遍历for in 以及with的用法
Dec 22 Javascript
JavaScript实现网页对象拖放功能的方法
Apr 15 Javascript
Jquery遍历Json数据的方法
Apr 20 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
Dec 03 Javascript
JS功能代码集锦
May 04 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
Oct 15 Javascript
bootstrap下拉菜单使用方法解析
Jan 13 Javascript
Javascript中类式继承和原型式继承的实现方法和区别之处
Apr 25 Javascript
对象不支持indexOf属性或方法的解决方法(必看)
May 28 Javascript
JS实现读取xml内容并输出到div中的方法示例
Apr 19 Javascript
用图片替换checkbox原始样式并实现同样的功能
Nov 15 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
Aug 13 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
当海贼王变成JOJO风
2020/03/02 日漫
PHP字符串的编码问题的详细介绍
2013/04/27 PHP
获取用户Ip地址通用方法与常见安全隐患(HTTP_X_FORWARDED_FOR)
2013/06/01 PHP
php约瑟夫问题解决关于处死犯人的算法
2015/03/23 PHP
php简单操作mysql数据库的类
2015/04/16 PHP
Zend Framework教程之Zend_Db_Table用法详解
2016/03/21 PHP
PHP文件与目录操作示例
2016/12/24 PHP
基于php编程规范(详解)
2017/08/17 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
jQuery 动态酷效果实现总结
2009/12/27 Javascript
javascript textContent与innerText的异同分析
2010/10/22 Javascript
裁剪字符串trim()自定义改进版
2013/04/10 Javascript
鼠标滚轴控制文本框值的JS代码
2013/11/19 Javascript
Javascript设置对象的ReadOnly属性(示例代码)
2013/12/25 Javascript
node.js中的fs.readdirSync方法使用说明
2014/12/17 Javascript
jQuery仿gmail实现fixed布局的方法
2015/05/27 Javascript
详解JavaScript逻辑Not运算符
2015/12/04 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
Node.js通过身份证号验证年龄、出生日期与性别方法示例
2017/03/09 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
AngularJs 终极购物车(实例讲解)
2017/11/08 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
2019/07/06 Javascript
Vue.js计算机属性computed和methods方法详解
2019/10/12 Javascript
webpack中的模式(mode)使用详解
2020/02/20 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
2020/02/27 Javascript
Windows下实现Python2和Python3两个版共存的方法
2015/06/12 Python
解决Python2.7读写文件中的中文乱码问题
2018/04/12 Python
Python lambda表达式用法实例分析
2018/12/25 Python
Python数据可视化 pyecharts实现各种统计图表过程详解
2019/08/15 Python
CSS3中background-clip和background-origin的区别示例介绍
2014/03/10 HTML / CSS
html5拖拽应用记录及注意点
2020/05/27 HTML / CSS
结构工程研究生求职信
2013/10/13 职场文书
企业贷款委托书格式
2014/09/12 职场文书
篮球拉拉队口号
2015/12/25 职场文书
导游词之广东佛山(南风古灶)
2019/09/24 职场文书
python 使用Tensorflow训练BP神经网络实现鸢尾花分类
2021/05/12 Python