RequireJs的使用

RequireJs的功能

• 声明不同js文件之间的依赖
• 可以按需、并行、延时载入js库
• 可以让我们的代码以模块化的方式组织
• 初看起来并不复杂。

在html中引入requirejs

<script src="/path/to/require.js" data-main="/path/to/app/config.js"></script>

通常使用requirejs的话，我们只需要引入requirejs即可，不需要显式导入其它的js库，因为这个工作会交给requirejs来做。

属性 data-main：入口文件。它一般用来对requirejs进行配置，并且载入真正的程序模块。

配置config.js

config.js 中通常用来做两件事：

1. 配置requirejs 比如项目中用到哪些模块，文件路径是什么
2. 载入程序主模块

//入口文件
require.config({
    paths:{     
        //路径
        jquery:"../../libs/jquery",
        swiper:"../../plugs/swiper.min"
    }
})
require(['jquery','swiper'],function(){
    //主程序模块
    var topSlider=new Swiper('#topSlider', {
        slidesPerView: 1,
        centeredSlides: true,
        autoplay: 3000,
        loop: true,
        autoplayDisableOnInteraction: true
    });
})

待续···