雅荷心语博客大概有好久没有使用requireJS了,今天好好地再复习一下,看了新公司的项目,感觉因为马上要派上用场了!
(1),在页面的引入:
|
1 |
<script type="text/javascript" data-main="main" src="require.js"></script> |
(2)配置文件:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
require.config({ baseUrl:'public', paths:{ 'jquery':'jquery.min', 'layer':'layer/layer', }, shim:{ 'layer':{ 'deps':['jquery'], }, } }); |
baseUrl : 引入文件的基础路劲
paths: 模块的地址
shim: 依赖关系
(3) 模块化开发
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
define(['jquery'],function () { return { show:function () { require(['layer'],function () { conssole.log(123); }) console.log('show'); }, hide:function () { console.log('hide'); }, hehe:function () { console.log('hehe'); }, } }) |
模块页面调用
|
1 2 3 |
require(['../app/init'],function(a){ a.show(); }) |
