seaJS使用教程

Posted 黄先森

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了seaJS使用教程相关的知识,希望对你有一定的参考价值。

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

以上是关于seaJS使用教程的主要内容,如果未能解决你的问题,请参考以下文章

Seajs是什么及sea.js 由来,特点以及优势

sea.js简单使用教程

使用模块化管理工具seajs实现简单动画效果

VIM 代码片段插件 ultisnips 使用教程

SeaJS基本开发原则

seaJs的简单应用