一:创建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>