前端模块化(七):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一路往下看,在页面中通过