内置模块加载器(commonjs规范)的使用

index9.html

复制代码
<html>
<head>
    <title>模块加载器</title>
    <script src="jquery-1.11.2.min.js"></script>
    <script src="groot.js"></script>
</head>
<body>
<div gt-view="myview">
    <span gt-text="{name}"></span>
</div>
</body>
</html>
<script>
    var view = groot.view("myview", function (vm, ve) {
        vm.name = "";
    })
    var m = require("./moudle");
    view.name = m.txt + m.name;
    view.nameRender();
</script>
复制代码

这里的某块加载器实现的是commonJs规范，完全和nodeJs的模块加载器相同

模块定义

exports.txt = "hello word";
module.exports={
    "name":"张三"
}

require加载文本 require("./xxx.html!text");

require加载css require("./xxx.css!css");

默认加载js，并且加载js 可以省略后缀名

这里有不懂得可以查下commonJs的规范

posted @   吹鱼算法  阅读(863)  评论(0)  编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示