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'
- });
seajs.config的解释的更多相关文章
- 对 Sea.js 进行配置(一) seajs.config
可以对 Sea.js 进行配置,让模块编写.开发调试更方便. seajs.config seajs.config(options) 用来进行配置的方法. seajs.config({ // 别名配置 ...
- 对 Sea.js 进行配置 seajs.config
配置 可以对 Sea.js 进行配置,让模块编写.开发调试更方便. seajs.config seajs.config(options) 用来进行配置的方法. seajs.config({ // 别名 ...
- ASP.NET配置文件Web.config 详细解释
一.认识Web.config文件 Web.config文件是一个XML文本文件,它用来储存 ASP.NET Web 应用程序的配置信息(如最常用的设置ASP.NET Web 应用程序的身份验证方式), ...
- webpack3整理(第三节/满三节)------(base.config文件解释)
'use strict' const path = require('path') const utils = require('./utils') const config = require('. ...
- seajs的使用
写在前面 seajs是什么? Seajs是一个js文件加载器. 遵循 CMD 规范模块化开发,依赖的自动加载.配置的简洁清晰. 用于Web开发的模块加载工具,提供简单.极致的模块化体验 一:使用 文件 ...
- 用spm2构建seajs项目的过程
前言 Javascript模块化规范有CommonJs规范,和主要适用于浏览器环境的AMD规范,以及国内的CMD规范,它是SeaJs遵循的模块化规范.因为以前项目中用SeaJs做过前端的模块管理工具, ...
- 快速上手seajs——简单易用Seajs
快速上手seajs——简单易用Seajs 原文 http://www.cnblogs.com/xjchenhao/p/4021775.html 主题 SeaJS 简易手册 http://yslo ...
- SeaJS 学习
什么是系统 在生活和工作中,我们会接触到大量系统:自然界生态系统.计算机操作系统.软件办公系统,还有教育系统.金融系统.网络系统.理论系统等等.究竟什么是系统呢? 来看下维基百科的解释: 系统泛指由一 ...
- 工作中使用seajs后的一些总结
工作中用seajs一段时间了,小小地总结一下. 使用seajs五部曲: 1.布置你项目的目录结构 2.设置seajs的config项,我一般是单独一个js文件--> seajs-config.j ...
随机推荐
- CSS是什么
css是层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. CSS不 ...
- Gradle3.0新指令api、provided、implementation等对比
Android Studio3.0正式版已经出来了,相比2.x的版本,Gradle版本也升级为了3.x,编译速度提高了不少. 在gadle3.0之后,默认的依赖由之前的compile更改为implem ...
- 在Xcode4 中将iPhone使用的xib转换成iPad使用的xib
来源:http://blog.3snews.net/space.php?uid=6188&do=blog&id=64200 http://www.giser.net/?p=982 1 ...
- RabbitMQ-python应用
介绍 官方文档:https://www.rabbitmq.com/tutorials/tutorial-one-python.html RabbitMQ是一个基于AMQP协议的消息代理.它的工作就是接 ...
- springboot2.1.3+Junit4 单元测试
引入依赖的包: <dependency> <groupId>org.mockito</groupId> <artifactId>mockito-core ...
- HTML&CSS基础-外边框
HTML&CSS基础-外边框 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.HTML <!DOCTYPE html> <html> <h ...
- GCC使用总结
概念 GCC一开始是linux系统集成的用来编译C程序的编译器(GNU C Compiler),目前GCC已经不仅仅支持C语言了,因而其缩写名单意义也变成(GNU Compiler Collectio ...
- c++中结构体的使用
文章链接: 结构体定义: struct Books { ]; ]; ]; int book_id; } book; 访问结构体成员: #include <iostream> #includ ...
- test20190504 行走
行走(walk.cpp/c/pas) 题目描述 "我有个愿望,我希望走到你身边." 这是个奇异的世界,世界上的 n-1 条路联结起来形成一棵树,每条路有一个对应的权值 ci. 现在 ...
- (java)selenium webdriver学习---三种等待时间方法:显式等待,隐式等待,强制等待
selenium webdriver学习---三种等待时间方法:显式等待,隐式等待,强制等待 本例包括窗口最大化,刷新,切换到指定窗口,后退,前进,获取当前窗口url等操作: import java. ...