sea.js使用

sea.js使用:

一、安装sea.js

右键点击项目打开控制台,在控制台输入

npm install sea.js安装下载好sea.js或者去GitHub:github:https://github.com/seajs/seajs 去下载好

新建好项目如图所示:

 1、定义模块

//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 是一个对象,上面存储了与当前模块相关联的一些属性和方法。

2、引用依赖模块

//配置
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>")
})

3、在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>

如需完整示例,可以联系我。

 

猜你喜欢

转载自www.cnblogs.com/z-l-d/p/10070104.html