seajs模組路徑解析

seajs模組路徑解析

最近在試著用seajs + grunt改造現有專案， 遇到的最大的問題就是seajs命名與呼叫， 簡單總結一下。

seajs中呼叫模組有兩種方式，seajs.use(id) 、 require(id)。

替換alias

新增base字首

可以在seajs.config()方法中設定id別名和基礎路徑, 例如：

seajs.config(

})

base值

例如:在index.html中呼叫了sea.js

base的預設值為 ""

如果使用seajs.config()設定了base

seajs.config();

seajs.confg();
seajs.conifg();

seajs.config()中的base 與 seajs.use() 的id一樣， "." 開頭的id 會相對於當前頁面 解析位址（因為不存在被呼叫的模組）

有如下檔案

index.html頁面呼叫sea.js

seajs.config(

});// 呼叫 mian 
seajs.use("home/main"); // 解析後的路徑為 ""
// 也可以這麼寫
seajs.use("./js/home/main"); // 解析路徑為 ""
main.js
define(function(require) );

seajs模組路徑解析 簡單總結

seajs模組路徑解析 最近在試著用seajs grunt改造現有專案，遇到的最大的問題就是seajs命名與呼叫，簡單總結一下。seajs中呼叫模組有兩種方式，seajs.use id require id 替換alias 新增base字首 可以在seajs.config 方法中設定id別名和基礎路...

seajs 路徑解析過程

本文對seajs 3.0.1 的部分原始碼 util path.js 進行學習，習得的體會。重點是對sea.js中路徑解析的過程進行原始碼級的理解和探索，包括seajs.resolve的定義 id解析到檔案路徑的過程 seajs.config 中alias,paths,vars,map等的具體使用。...

SeaJS模組化基礎

測試sea.js 檔案 define function require,exports,module exports.b function btn on click function 對外屬性，也可以通過return語句直接返回介面，甚至簡化為define module.exports 檔案 def...