sea.js使用

時間 2019-11-10

標籤 sea.js sea 使用欄目 JavaScript 简体版

原文原文鏈接

sea.js使用：

1、安裝sea.jshtml

右鍵點擊項目打開控制檯，在控制檯輸入jquery

npm install sea.js安裝下載好sea.js或者去GitHub：github:https://github.com/seajs/seajs 去下載好git

新建好項目如圖所示：github

一、定義模塊npm

//sea.js定義模塊
define(function (require,exports,module) {
    var obj={
        msg:"Hello sea.js",
        show:()=>console.log(obj.msg)
    };
    //經過exports關鍵字，提供對外訪問的接口
    exports.message=obj;
})

require 是 factory 函數的第一個參數，require 是一個方法，接受模塊標識做爲惟一參數，用來獲取其餘模塊提供的接口；
exports 是一個對象，用來向外提供模塊接口；
module 是一個對象，上面存儲了與當前模塊相關聯的一些屬性和方法。app

二、引用依賴模塊模塊化

//配置
seajs.config({
    //Sea.js的基礎路徑
    base:'./seajs',
    //別名配置（用變量表示文件，解決路徑層級過深和實現路徑映射）
    alias:{
        'jquery':'./common/jquery/jquery.js',
    },
    //路徑配置（用變量表示路徑，解決層級過深和實現路徑映射的問題）
    paths:{
        'm':'./module/'
    }

})

//使用模塊，引入依賴
seajs.use(['m/moduleA','jquery'],function (m) {
    m.message.show();
    $('body').append("<h2>Hello World!</h2>")
})

三、在HTML中使用函數

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>seajs模塊化使用</title>
</head>
<body>
<script src="common/sea.js"></script>
<script src="app.js"></script>
</body>
</html>

如需完整示例，能夠聯繫我。ui

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。