三、seajs配置

三、 seajs配置

seajs提供了config方法用来进行配置

配置：

本身这个框架就有的功能，需要开启，就要进行配置

插件：

本身这个框架没有这些功能，被别人实现了，如果需要使用引入该文件即可

3.1 alias

作用：

简化文件的引用

例如文件名过长，我们可以简化它

值是一个对象：

key: 新的文件名
value: 原始路径

举例：

// 配置alias
seajs.config({
    alias: {
        "jquery": "./modules/jquery/jquery/1.10.1/jquery-debug"  // jquery-debug.js
    }
});
// 引入jquery-debug.js
seajs.use(["jquery"], function (jq) {
    console.log(jq);
});

输出：

3.2 paths

作用：

简化路径

例如文件路径太长，我们可以简化它

值是一个对象

key： 新的文件路径
value: 原始路径

举例：

// 配置paths
seajs.config({
    paths: {
        "module": "./modules/jquery"
    }
});
// 引入jquery-debug.js
seajs.use("module/jquery/1.10.1/jquery-debug", function (jq) {
    console.log(jq);
});

输出：

3.3 map

作用：

用于批量处理文件

值是一个二维数组

数组中的每一项都是一个数组， 代表一组处理的文件:

数组中第一项表示匹配到的文件
数组中的第二项表示要修改的文件

比如，压缩之后的文件.min.js，在我们书写的时候不想写.min.js，此时可以通过map进行配置，决定哪些文件可以带.min.js，哪些文件可以不需要带.min.js

举例：

// 使用config方法进行配置
seajs.config({
    // 配置map
    map: ["jquery.js", "jquery.min.js"]
    // [".js", ".min.js"]
});

// 引入main.js
seajs.use(["modules/js/main"], function() {});

main.js

// 定义模块
define(function(require, exports, module) {
    var jq = require("modules/js/jquery");
    console.log(jq);
});

输出：

3.4 vars

作用：

解决路径不能拼接问题

值是一个对象

key: 模板变量名
value: 变量名称对应的值

举例：

// 进行配置
seajs.config({
    // 配置vars
    vars: {
        "q": "query"
    }
});
// 引入入口文件
seajs.use(["modules/js/main"], function() {});

main.js

// 定义模块
define(function(require, exports, module) {
    // 引入jquery
    // var jq = require("modules/js/j" + "query" + "-1.7.2");
    var jq = require("modules/js/j{q}-1.7.2");
    console.log(jq);
});

输出：

3.5 base

作用:

更改根目录

举例：

// 进行配置
seajs.config({
    // 配置base
    base: "modules/js"
});
// 引入入口文件
seajs.use(["main"], function() {});