前端模块化(五):RequireJs


1 概述

RequireJS是一个JS模块加载器,遵循AMD规范。它主要是为了实现JS文件的异步加载以及管理模块之间的依赖性。下面,我们通过一下例子来了解requirejs的使用。

2 RequireJs的使用

首先,我们创建一个项目,主要文件目录如下:

2.1 加载模块

在使用requieJS模块化开发之前,我们需要下载require.js,可以通过npm下载或者在官网获得。然后,创建两个文件index.html以及index.js,示例代码一如下:

//index.html


      
                 require栗子
       
         
             

这是require栗子

//js/ctr/index.js

require.config({
         paths: {
                 'jquery': '../lib/jquery'
         }
}); 

require(['jquery'], function($) { 
         $(document).on('click', '#clickBtn', function() {
                 $('#showMsg').html('看看jquery加载进来了没有');
         }); 
}); 

使用