Seajs的用法

桔子_Lynn發表於2017-02-19
JS

以前經常聽到Seajs，但是沒深入瞭解過，不清楚到底是用做哪個方面，後來調組到M站做開發，發現專案用到了Seajs，便去了解下

SeaJS是一個遵循CMD規範的JavaScript模組載入框架，可以實現JavaScript的模組化開發及載入機制。————來自百度百科

也就是專案中模組化開發的主力軍

不像其他的JavaScript框架，Seajs僅僅是實現JavaScript的模組化載入，解決各個JavaScript檔案嚴重混亂的問題，使開發變得更簡單。

目前Seajs相容性良好，可以執行在各個渠道

下面是Seajs的使用方法：

1.首先在頁面上通過script標籤將Seajs引入，並加上配置程式碼：

// seajs 的簡單配置
seajs.config({
  base: "../sea-modules/",
  alias: {
    "jquery": "jquery/jquery/1.10.1/jquery.js"
  }
})

// 載入入口模組
seajs.use("../static/hello/src/main")

 sea.js 在下載完成後，會自動載入入口模組

2. 若檔案中有兩個相關的js檔案，如spinning.js 和 main.js，則通過以下程式碼載入

// 所有模組都通過 define 來定義
define(function(require, exports, module) {

  // 通過 require 引入依賴
  var $ = require('jquery');
  var Spinning = require('./spinning');

  // 通過 exports 對外提供介面
  exports.doSomething = ...

  // 或者通過 module.exports 提供整個介面
  module.exports = ...

});

  這樣便將相關js檔案載入 進去，便可直接進行程式碼的邏輯開發，而不用在主頁面中通過script標籤來引入很多js檔案了

 參考連結：http://seajs.org/docs/

 最後附上Seajs的開發者玉伯在知乎上的回答：關於Seajs和requirejs哪個更好用

  https://www.zhihu.com/question/20342350/answer/14828786

 by  新手小白的記錄

相關文章