sea.js的简单应用及配置

2019独角兽企业重金招聘Python工程师标准>>>

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');
});

转载于:https://my.oschina.net/tpythoner/blog/416885