backbone.js和require.js集成
有了require.js的shim参数配置,backbone与require的集成使用相当简单。
页面中引入require.js
<script type="text/javascript" data-main="js/app" src="require.js"></script>
接着就是配置了:
//app.js
require.config({ baseUrl:'js', shim:{ 'backbone':{ deps:['underscore-min'],//依赖项 exports:'Backbone' //这个是很有必要的 } }, paths:{ 'backbone':['backbone-min'] } }); require(['backbone-model'],function(model){
var king=new model; console.log(king.age); })
//backbone-model.js
define(['backbone'], function (Backbone) {
return Backbone.Model.extend({
name:'hello',
age:'28'
});
});
简单解释:如果不加exports:'Backbone‘,那么在定义模块的时候,回调函数中的参数无法对应上backbone.
再简单解释一下paths参数含义:加上这一句是因为本地的backbone库的名称是backbone-min.js。通过shim参数配置backbone是找不到backbone-min.js这个文件的,因此,在这里添加了路径查找。
剩下的就简单了不解释。