Seajs的用法

時間 2019-12-10

標籤 seajs 用法简体版

原文原文鏈接

之前常常聽到Seajs，可是沒深刻了解過，不清楚究竟是用作哪一個方面，後來調組到M站作開發，發現項目用到了Seajs，便去了解下jquery

SeaJS是一個遵循CMD規範的JavaScript模塊加載框架，能夠實現JavaScript的模塊化開發及加載機制。————來自百度百科框架

也就是項目中模塊化開發的主力軍模塊化

不像其餘的JavaScript框架，Seajs僅僅是實現JavaScript的模塊化加載，解決各個JavaScript文件嚴重混亂的問題，使開發變得更簡單。requirejs

目前Seajs兼容性良好，能夠運行在各個渠道ui

下面是Seajs的使用方法：spa

1.首先在頁面上經過script標籤將Seajs引入，並加上配置代碼：code

// 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，則經過如下代碼加載blog

// 全部模塊都經過 define 來定義
define(function(require, exports, module) { // 經過 require 引入依賴
  var $ = require('jquery'); var Spinning = require('./spinning'); // 經過 exports 對外提供接口
  exports.doSomething = ... // 或者經過 module.exports 提供整個接口
  module.exports = ... });