您的位置：首页 > Web前端

前端模块化开发 CMD规范 sea.js

2017-09-26 21:52 513 查看 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hello Sea.js</title>
</head>
<body>
<script src="../src/sea.js"></script>
<script>
//如果只有一个模块，则可以写为<script src="src/sea.js data-main="main.js"></script>

//用来进行配置的方法：
seajs.config({
//别名配置（指引入的js文件名称如果很长，则用一个短名称来替换，在index.js中替换，方便而已）
alias: {
"jquery": "jquery-debug.js",
"json":"gallery.json"
},
//路径配置  （指引入的文件路径比较深，复杂，则用名称来记，在index.js里来替换，方便些）
paths:{
"gallery":"https://a.alipayobjects.com/gallery"
}
});
//载入入口，第一个参数为js模块，可以是数组字符串等，第二个参数为回调函数
seajs.use('index.js');
</script>
</body>
</html>


//下面是index.js

define(function (require,exports,module) {  //require用来获取指定模板的接口
require.async(['aModule','bModule'],function (a,b) {   //异步加载多个模板，执行回调函数
a.func();
b.func();
});
exports.valName = 'varName';      //对外提供valName的属性
exports.sayHi=function(){return '2'} ;  //对外提供sayHi的方法

module.exports={
name:'Bob',
doSomeThing:function () {
console.log(666)
}
}
});
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  模块化 前端 cmd javascript
相关文章推荐
新的分享
章节导航