前端模块化开发 CMD规范 sea.js

最新推荐文章于 2019-04-01 20:49:40 发布

jiaweimin123

最新推荐文章于 2019-04-01 20:49:40 发布

阅读量504

点赞数

分类专栏： html javascript 文章标签：模块化前端 cmd javascript

本文链接：https://blog.csdn.net/jiaweimin123/article/details/78107418

版权

javascript 同时被 2 个专栏收录

41 篇文章 2 订阅

订阅专栏

html

26 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Hello Sea.js</title>
</head>
<body>
<script src="../src/sea.js"></script>  
<script>
    //如果只有一个模块，则可以写为<script src="src/sea.js data-main="main.js"></script>

    //用来进行配置的方法：
    seajs.config({
        //别名配置（指引入的js文件名称如果很长，则用一个短名称来替换，在index.js中替换，方便而已）
        alias: {
            "jquery": "jquery-debug.js",
            "json":"gallery.json"
        },
        //路径配置  （指引入的文件路径比较深，复杂，则用名称来记，在index.js里来替换，方便些）
        paths:{
            "gallery":"https://a.alipayobjects.com/gallery"
        }
    });
    //载入入口，第一个参数为js模块，可以是数组字符串等，第二个参数为回调函数
    seajs.use('index.js');
</script>
</body>
</html>

//下面是index.js

define(function (require,exports,module) {  //require用来获取指定模板的接口
    require.async(['aModule','bModule'],function (a,b) {   //异步加载多个模板，执行回调函数
        a.func();
        b.func();
    });
    exports.valName = 'varName';      //对外提供valName的属性
    exports.sayHi=function(){return '2'} ;  //对外提供sayHi的方法

    module.exports={
        name:'Bob',
        doSomeThing:function () {
            console.log(666)
        }
    }
});