- Notifications
You must be signed in to change notification settings - Fork6
kmiyashiro/backbone-browserify
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Backbone has added exports support as of 0.9.9, so just use the normal Backbone package.
To use Backbone with jQuery, remember to set$ after you require Backbone.
var$=require('jquery-browserify');varBackbone=require('../lib/backbone-browserify');Backbone.$=$;MyView=Backbone.View.extend({el:'body',initialize:function(){this.render();},render:function(){$(this.el).html('<h1>Oh hi</h1>');}});newMyView();
packaged for use withnode-browserify.
Removed require('jquery') in Backbone source for$ assignment. Didn't make sense, see#6
npm install backbone-browserify
Important: You must requirejquery-browserify, 'br-jquery', or Zepto (untested) with Browserify before you require Backbone, just like normal.
Just add it to your browserify require list and use it! Make sure you also have Underscore installed via npm as Backbone will automatically require it.
browserify({require :['jquery-browserify','backbone-browserify']});
... or to alias it to just "backbone":
browserify({require :{jquery:'jquery-browserify',backbone:'backbone-browserify'}});
app.configure(function(){app.set('views',__dirname+'/views');app.set('view engine','jade');app.use(express.bodyParser());app.use(express.methodOverride());app.use(app.router);app.use(express.static(__dirname+'/public'));app.use(browserify({require :{jquery:'jquery-browserify',backbone:'backbone-browserify'}}));});
***Includebrowserify.js like this first:<script src="browserify.js"></script>
var$=jQuery=require('jquery-browserify'),Backbone=require('backbone-browserify'),MyView=Backbone.View.extend({el:'body',initialize:function(){this.render();},render:function(){$(this.el).html('<h1>Oh hi</h1>');}});$(document).ready(function(){varmyView=newMyView();});
... or if you aliased it to 'backbone':
var$=jQuery=require('jquery'),Backbone=require('backbone'),MyView=Backbone.View.extend({el:'body',initialize:function(){this.render();},render:function(){$(this.el).html('<h1>Oh hi</h1>');}});$(document).ready(function(){varmyView=newMyView();});
About
Backbone for Browserify
Resources
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
Uh oh!
There was an error while loading.Please reload this page.
Contributors2
Uh oh!
There was an error while loading.Please reload this page.