SeaJS 简单试用

http://seajs.org/docs/#quick-start

感觉seajs的语法有点罗嗦...

它既有RequireJS的特点也有NodeJS引入模块的特点

例子是抄的官方的例子  在官方的github里有

<script src="../sea-modules/seajs/seajs/2.2.0/sea.js"></script>
<script>

  // Set configuration
  seajs.config({
    base: "../sea-modules/",
    alias: {
      "jquery": "jquery/jquery/1.10.1/jquery.js"
    }
  });

  seajs.use("../static/me/main");

</script>

这是首页的部分

seajs.use 和 require 引入是有区别的  用法上来说use是入口文件

seajs.use 可以接受多个参数

seajs.use(['app','router','controller'],function(){
    angular.bootstrap(document, ['myApp']);
});

其他和require如出一辙  定义了base就表示所有js路径在base这个目录下  要引入其他js都是基于这个base

main.js

define(function(require,exports,module){
  var $ = require('jquery');
  var Spining = require('./meSpinning');
  var s = new Spining('#container');
  s.render();
});

meSpinning

define(function(require,exports,module){
  var $ = require('jquery'); //直接写名字 而不是以 ./  ../开头是寻找config中所配置的路径

    var $ = require('jquery');

  function Spinning(container) {
    this.container = $(container);
    this.icons = this.container.children();
    this.spinnings = [];
  }

  module.exports = Spinning;
  //....

});