require.js的使用

来源:互联网 发布:python mock 编辑:程序博客网 时间:2024/06/02 00:08

一:创建config.js用来配置模块加载的位置,或者更直接的说法是给js文件起个剪短的名字,方便require加载

可以用两种方式来写:

1,如果js模块不多的话可以直接

require.config({

    paths:{

               'jquery' : 'asstes/js/jquery.3.1.0',

               'bootstrap' : 'asstes/js/bootstrap.1.0.9',

               'index' : 'project/lexiang/js/index'

}

})

2,如果需要加载的过多,那可以先把他们赋值给一个对象变量

var con={              

                'jquery' : 'asstes/js/jquery.3.1.0',

               'bootstrap' : 'asstes/js/bootstrap.1.0.9',

               'index' : 'project/lexiang/js/index'

}

然后 ;   requrie.config({

               paths:con

})

二:利用define函数写自己的js文件

define(['jquery'],function ($) {
do somthin

});

三:在相应的页面利用require函数加载所以来的js文件

1,<script type="text/javascript" src="assets/js/require.js" data-main="assets/js/config.js"></script> 

备注:data-main属性可以使每一个页面都使用这个配置,然后页面中就可以直接使用require来加载所有的短模块名

2,在body最底部加载:

<script type="text/javascript">
        require(['jquery','bootstrap','datetimepicker','mescroll','table',],function($){
          //回调函数
        })
    </script>

原创粉丝点击