require.js的使用

本文介绍了如何使用RequireJS进行模块化开发,包括配置模块加载路径、定义自定义JS文件及页面加载流程等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值