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弹簧振子超简洁版 完全符合能量守恒,胡克定理
Oct 25 Javascript
javascript:void(0)的问题使用探讨
Apr 10 Javascript
jQuery基础知识小结
Dec 22 Javascript
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
Mar 13 Javascript
jquery实现适用于门户站的导航下拉菜单效果代码
Aug 24 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
Nov 05 Javascript
jQuery实现倒计时(倒计时年月日可自己输入)
Dec 02 Javascript
探索webpack模块及webpack3新特性
Sep 18 Javascript
在小程序Canvas中使用measureText的方法示例
Oct 19 Javascript
js 实现watch监听数据变化的代码
Oct 13 Javascript
Vue数字输入框组件的使用方法
Oct 19 Javascript
JavaScript实现省份城市的三级联动
Feb 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
用Flash图形化数据(二)
2006/10/09 PHP
《PHP边学边教》(02.Apache+PHP环境配置――上篇)
2006/12/13 PHP
php中var_export与var_dump的区别分析
2010/08/21 PHP
解析php多线程下载远程多个文件
2013/06/25 PHP
PHP中Array相关函数简介
2016/07/03 PHP
Yii框架分页实现方法详解
2017/05/20 PHP
Laravel构建即时应用的一种实现方法详解
2017/08/31 PHP
解决Laravel blade模板转义html标签的问题
2019/09/03 PHP
ext for eclipse插件安装方法
2008/04/27 Javascript
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
2013/08/19 Javascript
详解JavaScript编程中的数组结构
2015/10/24 Javascript
JavaScript简单实现鼠标移动切换图片的方法
2016/02/23 Javascript
第五篇Bootstrap 排版
2016/06/21 Javascript
Extjs 点击复选框在表格中增加相关信息行
2016/07/12 Javascript
微信小程序 首页制作简单实例
2017/04/07 Javascript
react.js使用webpack搭配环境的入门教程
2017/08/14 Javascript
vue项目如何刷新当前页面的方法
2018/05/18 Javascript
JS匿名函数内部this指向问题详析
2019/05/10 Javascript
微信小程序实现页面浮动导航
2020/01/08 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
2020/07/19 Javascript
[45:15]Optic vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
Python 实现12306登录功能实例代码
2018/02/09 Python
对numpy和pandas中数组的合并和拆分详解
2018/04/11 Python
对Python 窗体(tkinter)文本编辑器(Text)详解
2018/10/11 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
在Pandas中处理NaN值的方法
2019/06/25 Python
Python socket模块方法实现详解
2019/11/05 Python
Python递归及尾递归优化操作实例分析
2020/02/01 Python
Python的Django框架实现数据库查询(不返回QuerySet的方法)
2020/05/19 Python
python3通过qq邮箱发送邮件以及附件
2020/05/20 Python
浅谈Python描述数据结构之KMP篇
2020/09/06 Python
CSS3 制作旋转的大风车(充满童年回忆)
2013/01/30 HTML / CSS
什么是GWT的Entry Point
2013/08/16 面试题
新闻专业个人求职信
2013/12/19 职场文书
SpringBoot整合Mybatis Generator自动生成代码
2021/08/23 Java/Android
Django框架中表单的用法
2022/06/10 Python