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

  1. seajs.config({
  2. alias: { 'jquery': 'jquery/jquery/1.10.1/jquery' }
  3. });
  4.  
  5. define(function(require, exports, module) {
  6. //引用jQuery模块
  7. var $ = require('jquery');
  8. });

paths

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

  1. seajs.config({
  2. //设置路径
  3. paths: {
  4. 'gallery': 'https://a.alipayobjects.com/gallery'
  5. },
  6.  
  7. // 设置别名,方便调用
  8. alias: {
  9. 'underscore': 'gallery/underscore'
  10. }
  11. });
  12.  
  13. define(function(require,exports,module){
  14. var _=require('underscore');
  15. //=>加载的是 https://a.alipayobjects.com/galler/underscore.js
  16. })

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

  1. seajs.config({
  2. //变量配置
  3. vars:{
  4. 'locale':'zh_cn'
  5. }
  6. });
  7.  
  8. define(function(require,exprots,module){
  9. var lang=require('./i18n/{locale}.js');
  10. //=>加载的是 path/to/i18n/zh-cn.js
  11. });

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

  1. seajs.config({
  2. map:[
  3. ['.js','-debug.js']
  4. ]
  5. });
  6.  
  7. define(function(require,exports,module){
  8. var a=require('./a');
  9. //=>加载的是 path/to/a-debug.js
  10. })

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

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

  1. seajs.config({
  2. preload: 'a'
  3. });
  4.  
  5. // 在加载 b 之前,会确保模块 a 已经加载并执行好
  6. seajs.use('./b');
  7.  
  8. preload 配置不能放在模块文件里面:
  9. seajs.config({
  10. preload: 'a'
  11. });
  12.  
  13. define(function(require, exports) {
  14. // 此处执行时,不能保证模块 a 已经加载并执行好
  15. });

baseString

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

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

charset 
获取模板文件时,

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

演示实例:

  1. seajs.config({
  2.  
  3. // 别名配置
  4. alias: {
  5. 'es5-safe': 'gallery/es5-safe/0.9.3/es5-safe',
  6. 'json': 'gallery/json/1.0.2/json',
  7. 'jquery': 'jquery/jquery/1.10.1/jquery'
  8. },
  9.  
  10. // 路径配置
  11. paths: {
  12. 'gallery': 'https://a.alipayobjects.com/gallery'
  13. },
  14.  
  15. // 变量配置
  16. vars: {
  17. 'locale': 'zh-cn'
  18. },
  19.  
  20. // 映射配置
  21. map: [
  22. ['http://example.com/js/app/', 'http://localhost/js/app/']
  23. ],
  24.  
  25. // 预加载项
  26. preload: [
  27. Function.prototype.bind ? '' : 'es5-safe',
  28. this.JSON ? '' : 'json'
  29. ],
  30.  
  31. // 调试模式
  32. debug: true,
  33.  
  34. // Sea.js 的基础路径
  35. base: 'http://example.com/path/to/base/',
  36.  
  37. // 文件编码
  38. charset: 'utf-8'
  39. });

seajs.config的解释的更多相关文章

  1. 对 Sea.js 进行配置(一) seajs.config

    可以对 Sea.js 进行配置,让模块编写.开发调试更方便. seajs.config seajs.config(options) 用来进行配置的方法. seajs.config({ // 别名配置 ...

  2. 对 Sea.js 进行配置 seajs.config

    配置 可以对 Sea.js 进行配置,让模块编写.开发调试更方便. seajs.config seajs.config(options) 用来进行配置的方法. seajs.config({ // 别名 ...

  3. ASP.NET配置文件Web.config 详细解释

    一.认识Web.config文件 Web.config文件是一个XML文本文件,它用来储存 ASP.NET Web 应用程序的配置信息(如最常用的设置ASP.NET Web 应用程序的身份验证方式), ...

  4. webpack3整理(第三节/满三节)------(base.config文件解释)

    'use strict' const path = require('path') const utils = require('./utils') const config = require('. ...

  5. seajs的使用

    写在前面 seajs是什么? Seajs是一个js文件加载器. 遵循 CMD 规范模块化开发,依赖的自动加载.配置的简洁清晰. 用于Web开发的模块加载工具,提供简单.极致的模块化体验 一:使用 文件 ...

  6. 用spm2构建seajs项目的过程

    前言 Javascript模块化规范有CommonJs规范,和主要适用于浏览器环境的AMD规范,以及国内的CMD规范,它是SeaJs遵循的模块化规范.因为以前项目中用SeaJs做过前端的模块管理工具, ...

  7. 快速上手seajs——简单易用Seajs

    快速上手seajs——简单易用Seajs   原文  http://www.cnblogs.com/xjchenhao/p/4021775.html 主题 SeaJS 简易手册 http://yslo ...

  8. SeaJS 学习

    什么是系统 在生活和工作中,我们会接触到大量系统:自然界生态系统.计算机操作系统.软件办公系统,还有教育系统.金融系统.网络系统.理论系统等等.究竟什么是系统呢? 来看下维基百科的解释: 系统泛指由一 ...

  9. 工作中使用seajs后的一些总结

    工作中用seajs一段时间了,小小地总结一下. 使用seajs五部曲: 1.布置你项目的目录结构 2.设置seajs的config项,我一般是单独一个js文件--> seajs-config.j ...

随机推荐

  1. CSS是什么

    css是层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. CSS不 ...

  2. Gradle3.0新指令api、provided、implementation等对比

    Android Studio3.0正式版已经出来了,相比2.x的版本,Gradle版本也升级为了3.x,编译速度提高了不少. 在gadle3.0之后,默认的依赖由之前的compile更改为implem ...

  3. 在Xcode4 中将iPhone使用的xib转换成iPad使用的xib

    来源:http://blog.3snews.net/space.php?uid=6188&do=blog&id=64200 http://www.giser.net/?p=982 1 ...

  4. RabbitMQ-python应用

    介绍 官方文档:https://www.rabbitmq.com/tutorials/tutorial-one-python.html RabbitMQ是一个基于AMQP协议的消息代理.它的工作就是接 ...

  5. springboot2.1.3+Junit4 单元测试

    引入依赖的包: <dependency> <groupId>org.mockito</groupId> <artifactId>mockito-core ...

  6. HTML&CSS基础-外边框

    HTML&CSS基础-外边框  作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.HTML <!DOCTYPE html> <html> <h ...

  7. GCC使用总结

    概念 GCC一开始是linux系统集成的用来编译C程序的编译器(GNU C Compiler),目前GCC已经不仅仅支持C语言了,因而其缩写名单意义也变成(GNU Compiler Collectio ...

  8. c++中结构体的使用

    文章链接: 结构体定义: struct Books { ]; ]; ]; int book_id; } book; 访问结构体成员: #include <iostream> #includ ...

  9. test20190504 行走

    行走(walk.cpp/c/pas) 题目描述 "我有个愿望,我希望走到你身边." 这是个奇异的世界,世界上的 n-1 条路联结起来形成一棵树,每条路有一个对应的权值 ci. 现在 ...

  10. (java)selenium webdriver学习---三种等待时间方法:显式等待,隐式等待,强制等待

    selenium webdriver学习---三种等待时间方法:显式等待,隐式等待,强制等待 本例包括窗口最大化,刷新,切换到指定窗口,后退,前进,获取当前窗口url等操作: import java. ...