Sea.js 簡單、天然的代碼書寫和組織方式javascript
兼容性好css
技術比較成熟,運用比較廣泛。html
目錄結構:java
examples/ |-- sea-modules 存放 seajs、jquery 等文件,這也是模塊的部署目錄 |-- static 存放各個項目的 js、css 文件 | |-- hello | |-- lucky | `-- todo `-- app 存放 html 等文件 |-- hello.html |-- lucky.html `-- todo.html
在頁面中記載模塊:
jquery
在 hello.html
頁尾,經過 script
引入 sea.js
後,有一段配置代碼:app
// seajs 的簡單配置 seajs.config({ base: "../sea-modules/", alias: { "jquery": "jquery/jquery/1.10.1/jquery.js" }}) // 加載入口模塊 seajs.use("../static/hello/src/main")
sea.js
在下載完成後,會自動加載入口模塊。ui
這個小遊戲有兩個模塊 spinning.js
和 main.js
,遵循統一的寫法:spa
// 全部模塊都經過 define 來定義 define(function(require, exports, module) { // 經過 require 引入依賴 var $ = require('jquery'); var Spinning = require('./spinning'); // 經過 exports 對外提供接口 exports.doSomething = ... // 或者經過 module.exports 提供整個接口 module.exports = ... });
上面就是 Sea.js 推薦的 CMD 模塊書寫格式。code