在公司的项目里面一直都有在用require.js，但是自己对这个东西了解的并不是很多，很多东西都只是直接被告知怎么使用，有时候还是有点小凌乱的。今天刚好在幕课网看到了一个基础的相关视频教程，虽然只是简短的11分钟，但是里面还是可以大概的了解一下相关的使用方法的。视频地址：http://www.imooc.com/video/8234。
正文开始：首先创建一个html文件，如下所示。其中data-main为入口文件，无需添加.js后缀。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- data-main 为入口文件 --> <script src='require.js' data-main='main'></script> </body> </html>
其中main.js如下所示
requirejs.config({ paths : { jquery : 'jquery-1.7.2' //定义别名【模块别名，不需要.js后缀】 } }); requirejs(['jquery', 'validate'], function ($, validate) { // $('body').css('background-color', 'red'); console.log(validate.isEqual(2, 2)); //使用的时候直接调用模块对应的方法。 });
另外有一个名为validate的模块，validate.js如下所示；
define(['jquery'], function ($) { //需要引入依赖的模块 function _isEmpty() { console.log(0); } function _chechLength() { console.log(1); } function _isEqual(str1, str2) { return str1 === str2; } return { isEmpty : _isEmpty, chechLength : _chechLength, isEqual : _isEqual } });