sea.js的简单应用及配置
1、页面中的引用
<script src="/common/js/lib/sea.js"></script>
<script src="/common/js/config.js"></script>
<script>seajs.use("/common/js/static/list");</script>
2、sea.js配置文件config.js
seajs.config({
alias: {
"jquery": "/common/js/lib/jquery",
"artTemplate": "/common/js/lib/template.js",
"zepto": "/common/js/lib/zepto.js",
"angular": "/common/js/lib/angular.js"
}
});
3、zepto.js源码中的配置
var $ = require("zepto");
// If `$` is not yet defined, point it to `Zepto`
window.Zepto = Zepto
window.$ === undefined && (window.$ = Zepto)
// exports to module
if($.isFunction(window.define)) {
define(function(require, exports, module) {
module.exports = window.Zepto
})
}
4、jquery.js的配置
var $ = require("jquery");
seajs集成js的时候，$获取不到，但是文件又加载进去了的问题。
本质的原因在于seajs有一个路径和ID匹配的原则
define(function(){return jQuery}); 去掉id和依赖。
5、artTemplate.js的配置
var art = require("artTemplate");
6、list.js 的应用
define(function(require, exports, module) {
var $ = require("jquery");
var zepto = require("zepto");
var angular = require("angular");
var artTemplate = require('artTemplate');
});