`

seajs base配置

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

 

 <!--以上代码来自seajs官网-->

 

如果不配置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的配置就不起作用了,解析直接就是基于调用方法的文件所在的路径。

 

 

 

 

 

 

 

0
0
分享到:
评论

相关推荐

    seajs-5分钟上手

    Seajs提供了一些配置选项,可以通过配置文件`config.js`来设定,如: ```javascript seajs.config({ base: 'path/to/base/', // 基础路径 alias: { // 别名配置 '$': 'seajs/jquery' }, preload: ['lib/a', '...

    seajs官方小实例

    Seajs 提供了 `seajs.config()` 方法来配置模块路径、别名、预加载模块等。例如,我们可以配置基础路径和模块别名: ```javascript seajs.config({ base: "./js/", // 基础路径 alias: { "$": "jquery", ...

    seajs下载以及规范

    2. **配置路径**:Seajs的模块路径是相对其自身的位置,因此需要配置基础路径,以便正确解析模块。可以使用`seajs.config()`方法进行配置: ```javascript seajs.config({ base: "./js/" // 设置基础路径 }); `...

    seajs-2.3.0.zip

    1. **配置(config)**:通过`seajs.config()`方法配置seajs,可以设置base路径、alias别名、paths路径映射、preload预加载模块等。 2. **加载模块(use)**:使用`seajs.use()`方法加载模块,当模块加载完成后,会...

    seajs-2.2.0源码

    6. **配置机制**:Seajs提供了配置选项,如`base`指定模块根路径,`charset`设置编码,`debug`开启调试模式等,这使得开发者可以灵活地调整加载行为。 在Seajs 2.2.0源码中,关键文件包括`sea.js`(主入口文件)和`...

    seaJS框架简介和完整例子

    1. **配置**:通过`seajs.config`方法配置模块路径、别名、预加载模块等,帮助SeaJS解析模块依赖。 2. **加载**:使用`seajs.use`或`seajs.require`来加载模块。`use`方法会加载指定的模块并执行回调函数,而`...

    seajs相关模板

    Seajs还支持配置,可以通过`seajs.config`方法来设置路径、别名、预加载模块等,方便管理和组织项目中的依赖关系。 ```javascript seajs.config({ base: './js/', // 应用的基础路径 alias: { '$': 'jquery' }, /...

    CMD规范之seajs

    Seajs提供了丰富的配置选项,例如`base`用于设置基础路径,`alias`可以为模块定义别名,`preload`用来预加载模块,`debug`控制调试模式,以及`charset`设置脚本的字符集等。 ```javascript seajs.config({ base...

    seajs-2.1.1.rar

    3. **可配置性**:Seajs的配置机制灵活,可以定制模块的路径、别名、加载策略等,适应不同的项目需求。 4. **插件体系**:Seajs拥有丰富的插件生态系统,如sea.js、seajs-text用于加载非JavaScript资源,seajs-...

    seajs入门小实例

    Seajs 提供了 `seajs.config` 方法来配置模块加载的行为,例如设置基础URL、映射、别名等。例如,设置基础URL: ```javascript seajs.config({ base: './' }); ``` 这样,所有模块的相对路径都将相对于此base...

    SeaJS快速入门,让js代码模块化 - 2011-09-09修订,新添参考资料

    2. **配置路径**: 为了方便管理和加载模块,需要配置 SeaJS 的模块路径。可以通过 `seajs.config` 设置 `paths`、`alias` 等配置。 ```javascript seajs.config({ base: "./", // 基础路径 paths: { "lib": "js/...

    seajs 简单案例

    `seajs.use`方法接受模块ID(相对于配置的`base`路径)作为参数,并且保证按照传入顺序依次加载。回调函数会在所有模块加载完成后执行,参数对应加载的模块。 2. 模块定义 Seajs中,每个模块都可以通过`define`函数...

    前端开源库-fis3-prepackager-seajs-combine

    1. 配置中的`base`参数应设置为项目中Seajs模块的相对路径。 2. 合并模块时要考虑模块间的依赖顺序,防止因顺序错误导致的运行时错误。 3. 虽然模块合并可以减少HTTP请求,但过多的合并也可能导致文件过大,应适度...

    seajs simple demo

    Seajs允许我们通过配置来指定基础路径、别名等,简化模块引用。在项目中,可能需要在`seajs.config`中设置这些配置: ```javascript seajs.config({ base: './js/', // 基础路径 alias: { // 别名配置 '$': '...

    seajs 使用文档

    ### seajs 使用文档 #### Sea.js简介 Sea.js 是一款专为前端开发设计的轻量级模块加载器,它遵循 CMD(Common Module Definition)模块定义规范。与 AMD(Asynchronous Module Definition)规范相比,CMD 规范更加...

    Javascript模块化编程(三):模块化编程实战,试用SeaJS

    - 配置管理:通过`seajs.config`配置模块路径,如`seajs.config({ base: './dist/', paths: { lib: 'libs/' } })`,方便模块引用。 5. SeaJS 与AMD (Asynchronous Module Definition) 的区别: - AMD推崇异步加载...

    gulp构建seajs模块案列

    2. **配置`gulpfile.js`**:在项目根目录下创建或编辑`gulpfile.js`,引入`gulp`和`gulp-cmd-pack`,并定义任务。例如: ```javascript var gulp = require('gulp'); var cmdPack = require('gulp-cmd-pack'); ...

    SeaJS(Javascript模块加载框架)v0.9.1免费版

    3. **配置**:通过`seajs.config`可以设置各种配置项,如模块路径、别名、加载策略等,以适应不同项目的需求。例如: ```javascript seajs.config({ base: './js/', // 基础路径 alias: {'$': 'lib/sea.js'}, //...

    SeaJS中use函数用法实例分析

    配置文件可以用于设置全局的配置选项,比如 `base`、`paths`、`alias` 等,以便更好地管理和组织项目中的模块。 总结一下,SeaJS 的 `use` 函数是启动和运行模块的关键。它允许你在页面上按需加载模块,并在加载...

    基于gulp合并压缩Seajs模块的方式说明

    例如,在login.html页面中,它引用了seajs和common.js配置文件,以及login作为页面的main.js文件。合并后,除了login.js本身外,页面还依赖的其他模块(如mod1.js、mod2.js、deps/fastclick.js)都被合并到了login....

Global site tag (gtag.js) - Google Analytics