seajs base配置

最新推荐文章于 2020-03-23 18:51:45 发布

最新推荐文章于 2020-03-23 18:51:45 发布 · 290 阅读

文章标签：

#seajs #配置

前端相关专栏收录该内容

2 篇文章

订阅专栏

本文介绍了seajs模块加载器的基础配置方法，包括如何设置base路径以确保资源正确加载，以及alias别名配置的重要性。文章还探讨了在不同配置下模块路径解析的规则，特别是use和require方法中路径解析的特殊情况。

// seajs 的简单配置
seajs.config({
  base: "../sea-modules/",
  alias: {
    "jquery": "jquery/jquery/1.10.1/jquery.js"
  }
})
 
// 加载入口模块
seajs.use("../static/hello/src/main")

如果不配置base，它默认值是sea.js所在路径，其他的所有模块的解析都相对于这个默认值。

在不配置base并且alias中配置jquery是直接采用相对sea.js的相对路径时，如果main.js中又利用require方法引用jquery，这样就会报404，找不到jquery/jquery/1.10.1/jquery.js，原因是因为在main.js中采用require引用jquery时，解析是基于main.js当前文件所在路径来解析的。

解决这问题的一种途径：配置base的路径，并且是基于项目根目录的相对路径。

use和require方法中用到的路径，只要用了“./”或“../”，base的配置就不起作用了，解析直接就是基于调用方法的文件所在的路径。