requireJS 包管理

JavaScript没有包管理概念,没有有效的命名空间机制,但通过require.js库,则能很好的实现js的命名空间管理,实现不同js模块间的调用和依赖。

 

定义模块:

mod1.js

define(funtion() {

 ...

 return {...} // 需要暴露出的属性

})  // 定义mod1.js模块

 

mod2.js

define([‘mod1‘], function(m1) {

 ...

 return {...}

})  // 定义mod2.js模块,并依赖于mod1模块

 

引用模块:

main.js

require([‘mod1‘, ‘mod2‘], function(m1, m2)) {...} 

 

html中引用require.js库:

<script type="text/javascript" data-main="main" src="require.js"></script> // data-main为主入口文件

 

模块中引用jquery模块:

1. 修改路径映射

require.config({
 paths: {
  jquery: ‘jquery-1.11.1.min‘,
  jqueryUI: ‘jquery-ui-1.10.4.min‘
 }
});

2. 添加jquery依赖

define([‘jquery‘, ‘jqueryUI‘], function($, $UI) {...})

 

通过paths属性修改路径映射,避免引用时书写繁琐的后缀名。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。