模組化之SeaJS 二

2022-02-07 06:22:16 字數 1374 閱讀 7845

此文來自 予舍驛站

提供簡單、極致的模組化開發體驗

非官方文件,整理來自己官方文件的文字與例項,方便速查。

別名配置,配置之後可在模組中使用require呼叫require('jquery');

seajs.config(

});

define(function(require, exports, module) );
設定路徑,方便跨目錄呼叫。通過靈活的設定path可以在不影響base的情況下指定到某個目錄。

seajs.config(,

// 設定別名,方便呼叫

alias:

});

define(function(require, exports, module) );
變數配置。有些場景下,模組路徑在執行時才能確定,這時可以使用vars變數來配置。

vars配置的是模組標識中的變數值,在模組標識中用來表示變數。

seajs.config(

});

define(function(require, exports, module) .js');

//=> 載入的是 path/to/i18n/zh-cn.js

});

seajs.config();
define(function(require, exports, module) );
使用preload配置項,可以在普通模組載入前,提前載入並初始化好指定模組。

preload中的空字串會被忽略掉。

// 在老瀏覽器中,提前載入好 es5 和 json 模組

seajs.config();

注意:preload中的配置,需要等到 use 時才載入。比如:

seajs.config();

// 在載入 b 之前,會確保模組 a 已經載入並執行好

seajs.use('./b');

preload 配置不能放在模組檔案裡面:

seajs.config();

define(function(require, exports) );

值為true時,載入器不會刪除動態插入的 script 標籤。外掛程式也可以根據debug配置,來決策 log 等資訊的輸出。

sea.js 在解析頂級標識時,會相對 base 路徑來解析。

注意:一般請不要配置 base 路徑,把 sea.js 放在合適的路徑往往更簡單一致。

獲取模組檔案時,

SeaJS模組化基礎

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

模組化,requirejs 和 seajs 的異同

定義 是指解決乙個複雜問題時自頂向下逐層把系統劃分成若干模組的過程,有多種屬性,分別反映其內部特性。定義模組化是一種處理複雜系統分解為更好的可管理模組的方式。程式模組化開發的優點 伺服器模組規範 commonjs 代表 node.js 瀏覽器端規範 amd 代表 requirejs cmd 代表 s...

快速上手seajs模組化以及案例

js本身是沒有模組化的概念,有了seajs就有了模組化的思想,為了快速上手使用這裡一切以案例為主。這裡以乙個jquery.fancybox.pack.js燈箱效果外掛程式介紹如何運用到seajs中。傳統的呼叫js我們可以看到載入js要按先後順序進行載入,例如圖 效果是一樣的,就是減少了首頁 的 量。...