requirejs入门

1.加载requirejs和入口文件

<!--加载js，入口是js/main.js-->
<script data-main="js/main.js" src="js/require.js"></script>

 

2.入口文件配置

<!--main.js内容-->
//requirejs配置
requirejs.config({
　　baseUrl: 'js/lib',　　  //相对地址
　　paths: {            　　//加载路径
　　　　　　　"jquery": "jquery.min",
　　　　　　　"underscore": "underscore.min",
　　　　　　　"backbone": "backbone.min"
　　        }
)}
//载入js，加载jquery,math,app/sub 三个模块
//require两个参数，第一个参数是数组，第二个是回调函数
require(['jquery', 'math', 'app/sub'],function($,math,sub) {
    //====代码=====
});

 

3.定义模块

//math.js
//直接定义
define(function (){
　　var add = function (x,y){
　　    return x+y;
　    };
　　return {
　　　add: add
　　};
});

//若依赖其他库，则引入
define(['myLib'], function(myLib){
　　function foo(){
　　　　myLib.doSomething();
　　}
　　return {
　　　　foo : foo
　　};
});

 

转载于:https://www.cnblogs.com/boystar/p/5047582.html