前端模块化(五):RequireJs
1 概述
RequireJS是一个JS模块加载器,遵循AMD规范。它主要是为了实现JS文件的异步加载以及管理模块之间的依赖性。下面,我们通过一下例子来了解requirejs的使用。
2 RequireJs的使用
首先,我们创建一个项目,主要文件目录如下:
2.1 加载模块
在使用requieJS模块化开发之前,我们需要下载require.js,可以通过npm下载或者在官网获得。然后,创建两个文件index.html以及index.js,示例代码一如下:
//index.htmlrequire栗子 这是require栗子
//js/ctr/index.js require.config({ paths: { 'jquery': '../lib/jquery' } }); require(['jquery'], function($) { $(document).on('click', '#clickBtn', function() { $('#showMsg').html('看看jquery加载进来了没有'); }); });
使用