requireJS搭建

模块化requirejs的搭建,异步加载按需加载,也是我们通常所说“ AMD ”异步模块定义。

这也是我在项目中常用的方式

1.配置:myconfig.js(按需配置)

1 require.config({
2     baseUrl: "../style/js",
3       //该路径下的文件
4     paths: {
5        'jquery': 'jQuery-1.11.0',
6     }
7   });

2.html文档中加载如下文件

1 <script type="text/javascript" src="../style/js/require.js"></script>
2 <script type="text/javascript" src="../style/js/myconfig.js"></script>

底部配置:

<script language='javascript'>
//该页面需要加载的js页面
    require(['../js/example'], function (modal) {
         modal.init();
    });
</script>

3.js配置

define(['jquery'],function ($) {
    var modal = {}
    modal.init = function(){
        console.log(1);
    }
    return modal;
});

完成

posted @ 2018-02-08 14:11  夏天的薰风  阅读(315)  评论(0编辑  收藏  举报