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