2015-01-23 3 views
1

나는 Browserify/꿀꺽와 (백본 용) 중포 기지의 백 파이어를 사용하여 프로젝트를 설정하려고하지만, 문제로 실행 해요. 나는 npm install firebasenpm install backfire, 다음 내 Models.js 모듈에 내가 노력하고있어 ..에 대한Fireify Backfire를 Browserify와 함께 사용하는 방법?

// ... 
var Firebase = require('firebase'), 
    Backfire = require('backfire'); 

module.exports = { 
    // ... 
    ItemsCollection: Backbone.Firebase.Collection.extend({ 
     model: ItemModel, 
     firebase: new Firebase(FIREBASE_URL + 'items') 
    }) 
    }; 

불행하게도에서 중포 기지 속성이 정의되지 않은 'Backbone.Firebase'오류 아웃 ..

내가 위치한 일부 게시물을했다 npm "shim"은 "client-backfire"라고 불렀지 만 게시되지 않았거나 사용되지 않는 것 같습니다. 어떤 아이디어로 작동시킬 수 있습니까? 데이비드에서

+0

최근 중포 기지 바인딩의 이름'BackboneFire'을 채택했습니다 .. 기능을 기다립니다. 그래서 나는 그것이'require ('backbonefire ')'가 필요하다고 생각하는'require '이기를 기대합니다. https://www.firebase.com/docs/web/libraries/backbone/quickstart.html –

+0

감사합니다. 예, 방금 발견했습니다. 그러나 '백본 파이어 (backbonefire)'는 npm에서 아직 사용할 수 없습니다. 그것은 CommonJS \ Browserify 지원은 아직 구현 (그러나 "몇 주"내 파이프 라인에 있으므로 손가락을 교차)되지 않은 것으로 나타났다. 그 동안 스크립트 태그에 별도로 포함 시키면 창에서 사용할 수있게 할 수 있습니까? 더 좋은 아이디어? – pete

답변

1

수신 공식 확인 구글 @ CommonJS 지원은 가까운 장래에오고있다. 다음과 같이 한편, 내 해결 방법은 다음과 같습니다

index.html을

<script src="js/libs/underscore.js"></script> 
<script src="js/libs/backbone.js"></script> 
<script src="js/libs/firebase.js"></script> 
<script src="js/libs/backbonefire.js"></script> 

<script src="js/bundle.js"></script> <!-- browserify bundle --> 

(응용 프로그램에 대한 진입 점을) app.js

var $   = require('jquery'); 
    // var _  = require('underscore'); 
    // var Backbone = require('backbone'); 
    // var Firebase = require('firebase'); 
    // var Backfire = require('backfire'); 
    Backbone.$ = $; 

    $(document).ready(function() { 
    var Router = require('./router.js'), 
     router = new Router(); 
    Backbone.history.start(); 
    }); 

CommonJS 지원이 추가되면 나는, 모듈 (중포 기지와 Backbonefire 정말 여기에 필요하지 않습니다) 당 필요에 따라가 문을 필요로 주석을 해제하고 (다큐를 $를 제거 단순히 (bundle.js 제외) 모든 스크립트 태그를 제거 할 수 있어야한다고 생각합니다 , 표준) .ready() 백본에 대한