javascript - 如何将 Firebase Backfire 与 Browserify 结合使用？

Question

我正在尝试使用 Firebase 的 Backfire(用于 Backbone)与 Browserify/Gulp 建立一个项目，但遇到了问题。我做了 npm install firebase 和 npm install backfire，然后在我的 Models.js 模块中尝试..

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

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

不幸的是，“Backbone.Firebase”中的 Firebase 属性错误为未定义。

我找到了一些关于名为“client-backfire”的 npm“shim”的帖子，但是，它似乎已未发布/已弃用。有什么想法如何让它发挥作用吗？

Answer 1

收到 David @ Google 的官方确认，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 支持，我想我应该能够简单地删除所有脚本标签(bundle.js 除外)，根据每个模块的需要取消注释 require 语句(这里实际上不需要 Firebase 和 Backbonefire)，并删除$(document).ready()等待函数..