seaJS使用教程

目录结构如下

目录结构.png

b.html中代码

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
      <span>body</span>
//通过链接引入seajs
      <<script src="https://cdn.bootcss.com/seajs/3.0.2/sea.js"></script>
//执行seajs配置项,目的方便后面使用别名
      <script src="./seajs-config-v1.js"></script> 
      <script>
//alias为seajs-config-v1里面所代表的的一个模块
        seajs.use(["alias"] ,function(a){
          var res = a.name
          console.log(res)
        });
      </script>
    </body>
</html>

seajs-config-v1.js代码

seajs.config({
    "base": "./assets",
    "alias": {
        "alias": "a"//alias就代表assets文件夹的a.js模块
    }
});

a.js模块代码

define(function(require, exports, module) {
  var event = { // 对外提供接口
    name: 'a',
    doSomething: function() {
      console.log('do')
    }
  }
  module.exports = event
});
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。