首页 > 编程 > JavaScript > 正文

RequireJS用法简单示例

2019-11-19 13:12:31
字体:
来源:转载
供稿:网友

本文实例讲述了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程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表