深入理解seajs之配置指南

乙個**必然會涉及很多功能，tab選項卡、slide輪播圖、pop彈出層、美化alert、paging分頁等等等等，如果是企業**那整合成乙個js檔案就夠了，即外掛程式庫。

但是對於乙個大的**平台來說需要的功能可能會有很多，而且隨著平台的發展，功能會越來越多。到最後會發展成怎樣的情況呢？

這是錢莊網原先的外掛程式庫，已經接近20個外掛程式了。想象一下，你在做乙個簡單的活動單頁裡面用到了tab選項卡，於是你把外掛程式庫引用了進來，這個時候你有想過你只是需要乙個功能但是卻把整個外掛程式庫引進來了，多大的浪費啊。該怎麼解決這種問題呢?

我們希望乙個頁面按需引入，這個頁面需要什麼功能就引入什麼功能。現在主流的工具有兩種，amd規範的requirejs、cmd規範的seajs。

在頁尾引入seajs：

然後在它下面寫模組的配置和入口。

// seajs 的簡單配置
seajs.config(
});// 載入入口模組
seajs.use("../static/hello/src/main");

3.模組開發這裡才是重點，其實也很簡單就是乙個書寫規範（cmd）而已。

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

模組是通過define()方法包裝的，然後內部痛過require()方法引入需要的依賴檔案(模組)。（也可以引入.css檔案哦~）

模組最好是物件導向開發的，這樣最後可以方便的通過exports.dosomething或module.exports把模組的介面給暴露出來。如果你是寫的是jq外掛程式的話就不需要這個功能了，因為你的介面是寫在jquery的物件裡的。如果你不需要提供介面的話也可以不使用這兩個屬性哦！

事實上define方法還有另外幾個引數，一般情況我們用不到。具體看官方api 。