前端模块化(七):SeaJs


1 概述

SeaJS是一个JS模块加载器,遵循CMD规范。它主要是为了实现JS文件的异步加载以及管理模块之间的依赖性。下面,我们通过一些例子来了解Seajs的使用。

2 SeaJs的使用

首先,我们创建一个项目,主要文件目录如下:

2.1 加载模块

创建3个文件index.html、index.js以及config.js,示例代码如下:




    sea例子

class="body" ng-controller="helpCtrl">
    
SeaJs 例子
//  js/ctr/config.js
seajs.config({
    base: "./js/lib/",// Sea.js 的基础路径
      alias: {// 别名配置
        '$':'jquery/1.12.3/jquery-1.12.3',
        'jquery':'jquery/1.12.3/jquery-1.12.3',
      },    
    charset: 'utf-8'// 文件编码
});
//  js/ctr/index.js
define(function(require, exports, module) {
        var $ = require("$");
        module.exports= {  
            init: function() {
                console.log('index.js is loaded!');
            }
        };
});

从index.html一路往下看,在页面中通过