美文网首页
Require.js初学

Require.js初学

作者: 天上月丶 | 来源:发表于2016-12-27 16:59 被阅读13次

    index.html

    <!DOCTYPE html>
    <html>
        <head>
        </head>
    
        <body>
            <span>body</span>
        </body>
        //将require引入,放在html页面最下方,或设置异步请求
        //即: <script src="js/lib/require.js" defer async="true"></script>
          <script src="js/require.js" data-main="js/main"></script>
    </html>
    

    main.js

    require.config({
        //配置路径
        paths: {
            "jquery": ["http://libs.baidu.com/jquery/2.0.3/jquery", "jquery.min.js"],
            "a": "a"
        }
    })
    require(["jquery", "a"], function($,a) {
        $(function() {
                  //调用即可,此处的a并无意义,仅为指示,与引入文件顺序有关,即若
                  //function($,a)中a换了一种称谓,这里调用时保持一致即可
            a.fun1();
            alert("load finished");
        })
    })
    

    a.js

     function fun1(){
       alert("it works");
     }
     //切记,如果需要在调用该函数,一定要记得返回,个人理解为暴露接口
    return {
         fun1: fun1
     };
    })```

    相关文章

      网友评论

          本文标题:Require.js初学

          本文链接:https://www.haomeiwen.com/subject/vulevttx.html