Require.js初学

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
 };
})```
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容