zoukankan      html  css  js  c++  java
  • seajs.config的解释

    alias 
    别名配置,配置之后可在模块中使用require调用 require(‘jquery’);

    seajs.config({
        alias: { 'jquery': 'jquery/jquery/1.10.1/jquery' }
    });
    
    define(function(require, exports, module) {
        //引用jQuery模块
        var $ = require('jquery');
    });

    paths

    设置路径,方便跨目录调用,通过灵活的设置path可以在不影响base的情况下指定到某个目录。

    seajs.config({
        //设置路径
        paths: {
            'gallery': 'https://a.alipayobjects.com/gallery'
        },
    
        // 设置别名,方便调用
        alias: {
            'underscore': 'gallery/underscore'
        }
    });
    
    define(function(require,exports,module){
        var _=require('underscore');
        //=>加载的是 https://a.alipayobjects.com/galler/underscore.js
    })

    vars 
    变量配置,有些情景下,模块路径在运行时才能确定,这时可以使用vars变量来配置,vars配置的是模块标识中的变量值,在模块标识中用{key}来表示变量

    seajs.config({
        //变量配置
        vars:{
             'locale':'zh_cn'
        }
    });
    
    define(function(require,exprots,module){
          var lang=require('./i18n/{locale}.js');
          //=>加载的是  path/to/i18n/zh-cn.js
    });

    map 
    该配置可对模块路径进行映射修改,可用于路径转换 在线调试等

    seajs.config({
         map:[
           ['.js','-debug.js']
         ]
    });
    
    define(function(require,exports,module){
          var a=require('./a');
          //=>加载的是 path/to/a-debug.js
    })

    preload 
    使用preload配置项,可以在普通模块加载前,提前加载并初始化好指定模块,preload中的空字符串会被忽略掉

    注意:preload中的配置,需要等到 use 时才加载。比如:

    seajs.config({
        preload: 'a'
    });
    
    // 在加载 b 之前,会确保模块 a 已经加载并执行好
    seajs.use('./b');
    
    preload 配置不能放在模块文件里面:
    seajs.config({
        preload: 'a'
    });
    
    define(function(require, exports) {
        // 此处执行时,不能保证模块 a 已经加载并执行好
    });

    baseString

    Sea.js 在解析顶级标识时,会相对 base 路径来解析。

    注意:一般请不要配置 base 路径,把 sea.js 放在合适的路径往往更简单一致。

    charset 
    获取模板文件时,

    seajs.config({
         charset:function(url){
              if(url.indexOf('http://example.com/js/xxx')===0){
                //xxx目录下的文件用gbk编码加载
                  return 'gbk';
              }
              //其他文件用utf-8编码
              return 'utf-8';
         }
    })

    演示实例:

    seajs.config({
    
      // 别名配置
      alias: {
        'es5-safe': 'gallery/es5-safe/0.9.3/es5-safe',
        'json': 'gallery/json/1.0.2/json',
        'jquery': 'jquery/jquery/1.10.1/jquery'
      },
    
      // 路径配置
      paths: {
        'gallery': 'https://a.alipayobjects.com/gallery'
      },
    
      // 变量配置
      vars: {
        'locale': 'zh-cn'
      },
    
      // 映射配置
      map: [
        ['http://example.com/js/app/', 'http://localhost/js/app/']
      ],
    
      // 预加载项
      preload: [
        Function.prototype.bind ? '' : 'es5-safe',
        this.JSON ? '' : 'json'
      ],
    
      // 调试模式
      debug: true,
    
      // Sea.js 的基础路径
      base: 'http://example.com/path/to/base/',
    
      // 文件编码
      charset: 'utf-8'
    });
  • 相关阅读:
    JAVA面试题
    Io流
    初识线程池
    理解事务的4种隔离级别
    简单认识Git与GitHub
    JAVA自动装箱和拆箱
    代码块以及他们的执行顺序
    反射机制
    java Excel表格
    访问修饰符的含义分析
  • 原文地址:https://www.cnblogs.com/cangqinglang/p/11341906.html
Copyright © 2011-2022 走看看