当前位置: 首页
前端开发
Sea.js模块加载器常用API快速实用简易文档速查手册

Sea.js模块加载器常用API快速实用简易文档速查手册

热心网友 时间:2026-06-10
转载

Sea js常用API包括seajs config的alias、paths、vars、map、preload、debug、base、charset等配置,支持模块别名、路径映射、变量替换和预加载。顶级标识相对base路径解析,base默认为sea js所在目录的上级路径。

Sea.js 的 API 其实并不复杂,但日常开发中真正高频用到的,翻来覆去也就那么几个核心配置和调用方式。下面直接整理一份常用 API 清单,配合代码示例,方便随时查阅。

sea.js常用的api简易文档

一、seajs.config

alias
别名配置,配置之后可在模块中使用 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'
 }
});

vars
变量配置。有些场景下模块路径需要在运行时才能确定,这时可以用 vars 来做变量替换。在模块标识中用 {key} 表示变量。

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

map
对模块路径进行映射修改,常用于路径转换或在线调试。比如把 .js 替换成 -debug.js

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

preload
在普通模块加载之前,提前加载并初始化好指定模块。空字符串会被忽略。

// 在老浏览器中,提前加载好 ES5 和 json 模块
seajs.config({
 preload: [
  Function.prototype.bind ? '' : 'es5-safe',
  this.JSON ? '' : 'json'
 ]
});

需要注意:preload 中的配置需要等到 use 时才真正加载。例如:

seajs.config({
 preload: 'a'
});
// 在加载 b 之前,会确保模块 a 已经加载并执行好
seajs.use('./b');

debug
值为 true 时,加载器不会删除动态插入的 script 标签。插件也可以根据 debug 配置决定 log 等信息的输出。

base
Sea.js 在解析顶级标识时,会相对 base 路径来解析。不过一般来说,不建议手动配置 base 路径——把 sea.js 放在合适的目录下往往更简单一致。

charset
获取模块文件时,

关于路径
除了相对标识和顶级标识,Sea.js 也支持使用普通路径来加载模块。刚开始接触 Sea.js 时,可能会觉得路径规则有点绕,尤其是 base 路径。记住一点就好:base 路径就是 sea.js 文件所在目录的上级路径,所有顶级标识和相对标识都是基于这个 base 来计算的。

总结

以上就是 Sea.js 常用 API 的完整梳理。配置项、use 方法、缓存查看、路径解析——把这些掌握好,日常开发基本够用。如果后续遇到更复杂的场景,再针对具体需求深入即可。

来源:https://www.jb51.net/article/97308.htm

游乐网为非赢利性网站,所展示的游戏/软件/文章内容均来自于互联网或第三方用户上传分享,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系youleyoucom@outlook.com。

同类文章
更多
DCloud平台选型指南 适用场景与核心差异详解

DCloud平台选型指南 适用场景与核心差异详解

DCloud是一个围绕跨平台开发与流应用构建的技术生态,旨在帮助前端开发者使用Web技术开发高性能移动应用。其核心产品包括集成开发环境HBuilderX和基于Vue js的uni-app框架,支持一套代码发布至iOS、Android、Web及多端小程序。相比ReactNative和Flutter,uni-app在多端覆盖和Vue技术栈学习成本上具有优势,适合

时间:2026-07-10 06:47
DCloud使用教程与常见问题解决方案详解

DCloud使用教程与常见问题解决方案详解

DCloud提供跨平台应用开发方案,核心为HBuilderX与uni-app框架。开发者使用Vue js语法编写代码,可编译发布至iOS、Android、Web及小程序等多端。流程涵盖项目创建、开发调试与真机预览。常见问题如设备识别、编译失败等可通过检查设置、查看日志与条件编译解决。应用完成后支持云打包生成安装包。

时间:2026-07-10 06:47
DCloud新手入门教程 从零开始快速掌握开发技巧

DCloud新手入门教程 从零开始快速掌握开发技巧

DCloud是一个基于Web技术的跨平台应用开发平台,允许开发者使用HTML5等语言编写代码,并编译为iOS、Android及小程序应用,实现“一次编写,多端发布”。开发需使用HBuilderX,基于Vue js进行页面开发,平台提供丰富组件与API,并支持插件市场扩展功能。

时间:2026-07-10 06:47
DCloud新手入门指南从零开始了解这个开发平台

DCloud新手入门指南从零开始了解这个开发平台

DCloud是一个移动应用开发平台,旨在帮助前端开发者使用Web技术高效开发性能接近原生的跨平台应用。其核心产品包括HBuilderX开发环境和基于Vue js的uni-app框架,可实现一次开发、多端发布。平台通过完整工具链和插件生态降低开发门槛,适合需要快速迭代、覆盖多端的应用场景。

时间:2026-07-10 06:47
Zepto实战项目优化技巧与应用场景详解

Zepto实战项目优化技巧与应用场景详解

Zepto js作为轻量级JavaScript库,专为移动端优化,体积仅约10KB。它支持模块化定制,可按需构建以减小体积。使用时需减少DOM操作、善用事件委托,并可混合原生API提升性能。Zepto能融入现代工程流,但需注意其与jQuery的API差异及兼容性限制,适合在移动端性能优先的场景中替代jQuery。

时间:2026-07-10 06:47
热门专题
更多
刀塔传奇破解版无限钻石下载大全 刀塔传奇破解版无限钻石下载大全
洛克王国正式正版手游下载安装大全 洛克王国正式正版手游下载安装大全
思美人手游下载专区 思美人手游下载专区
好玩的阿拉德之怒游戏下载合集 好玩的阿拉德之怒游戏下载合集
不思议迷宫手游下载合集 不思议迷宫手游下载合集
百宝袋汉化组游戏最新合集 百宝袋汉化组游戏最新合集
jsk游戏合集30款游戏大全 jsk游戏合集30款游戏大全
宾果消消消原版下载大全 宾果消消消原版下载大全
  • 热门数据榜