为什么使用RequireJS
- 有效防止命名冲突
- 声明不同js文件之间的依赖
- 可以是我们的代码以模块化的方式组织
RequireJS常用的方法
- reuqirejs.config 为模块设置别名
- requirejs 将写好的模块进行引入
- define 用来编写模块,相应地方进行引入
实例:
index.html:引入require.js
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Document</title> </head> <body&g 大专栏 RequireJS(一)t; <script src="js/require.js" data-main="js/main"></script> </body> </html>
main.js:引入jquery,validate.js定义别名
requirejs.config({ paths:{ jquery:'jquery-1.11.1' } }); //传入引入模块 requirejs(['jquery','validate'],function($,validate){ console.log(validate.isEqual(1,2)) });
validate.js:define定义模块
define(['jquery'],function($){ //需要引入模块,此处并没有使用引入的jqury模块 return { isEmpty:function(){}, checkLength:function(){}, isEqual:function(str1,str2){ return str1=== str2; } } });
来源:https://www.cnblogs.com/lijianming180/p/12251318.html