RequireJS用法簡單示例
本文實例講述了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; });
當(dāng)要簡單包裝CommonJS來定義模塊,則main.js改為:
define(function(require, exports, module) { var index = require('index'); var test = require('test'); } );
即可引入index.js 和 test.js。
希望本文所述對大家RequireJS程序設(shè)計有所幫助。
- 一篇文章掌握RequireJS常用知識
- 教你5分鐘學(xué)會用requirejs(必看篇)
- RequireJS入門一之實現(xiàn)第一個例子
- RequireJS多頁面應(yīng)用實例分析
- 在Html中使用Requirejs進行模塊化開發(fā)實例詳解
- RequireJS使用注意細(xì)節(jié)
- 使用requirejs模塊化開發(fā)多頁面一個入口js的使用方式
- requirejs + vue 項目搭建詳解
- 在JavaScript應(yīng)用中使用RequireJS來實現(xiàn)延遲加載
- 詳解RequireJS按需加載樣式文件
- 使用RequireJS庫加載JavaScript模塊的實例教程
相關(guān)文章
使用JavaScript構(gòu)建JSON格式字符串實現(xiàn)步驟
這篇文章將幫助你使用javascript來創(chuàng)建json格式字符串如果你需要通過web項目來構(gòu)建json格式字符串的響應(yīng),感興趣的各位可以參考下哈,希望可以幫助到你2013-03-03select2 ajax 設(shè)置默認(rèn)值,初始值的方法
今天小編就為大家分享一篇select2 ajax 設(shè)置默認(rèn)值,初始值的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08uniapp中table表格設(shè)置寬度無效的原因以及解決方法
項目中遇到table表格單元格不整齊、錯位等情況,下面這篇文章主要給大家介紹了關(guān)于uniapp中table表格設(shè)置寬度無效的原因以及解決方法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04JS與HTML結(jié)合使用marquee標(biāo)簽實現(xiàn)無縫滾動效果代碼
這篇文章主要介紹了JS與HTML結(jié)合使用marquee標(biāo)簽實現(xiàn)無縫滾動效果代碼的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07js實現(xiàn)三張圖(文)片一起切換的banner焦點圖
這篇文章主要介紹了js實現(xiàn)三張圖(文)片一起切換的banner焦點圖,推薦給大家,有需要的小伙伴可以參考下。2015-08-08