RequireJS
博客专区 > 木子jd 的博客 > 博客详情
RequireJS
木子jd 发表于2年前
RequireJS
  • 发表于 2年前
  • 阅读 15
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

 index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>RequireJS</title>
    <!--<script data-main="js/main.js" src="js/require.js"></script>-->
    <script src="js/require.js"></script>
    <script src="js/main.js"></script>
</head>
<body>
<div>
        text

</div>

<script type="text/javascript">
    //引用first.js文件
    require(["first"])
</script>
</body>
</html>

 main.js 配置全局

(function(){

    requirejs.config({
        baseUrl: window.location.href+'/js',
        //常用类库
        paths:{
            jquery : "jquery-1.11.3.min"
        }
    });

}())

    //配置全局格式
    (function(){
        requirejs.config({
            baseUrl: window.location.href+'',
            //常用的类库(插件)
            paths:{

            }
        });
    }())

 first.js

//define("a",["jquery","backbone"],function($,Backbone){  .....逻辑 })
//模块a, 需要引用依赖 jquery 和 backbone, 在逻辑的函数function中,$ 和 Backone 分别是引用的参数

//定义模块,依赖文件,逻辑函数
define("first",["jquery"],function($){
    $("div").html("成功!");
})


共有 人打赏支持
粉丝 2
博文 15
码字总数 7602
×
木子jd
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: