首页 > 代码库 > 内置模块加载器(commonjs规范)的使用

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

2024-07-07 18:22:50   221人阅读

index9.html

<html>
<head>
    <title>模块加载器</title>
    <script src="http://www.mamicode.com/jquery-1.7.2.min.js"></script>
    <script src="http://www.mamicode.com/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;
    groot.sweep();
</script>

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

模块定义

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

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

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

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

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


联系
我们