Hay muchas preguntas similares, incluidas las respuestas aquí en el desbordamiento de la pila, pero ninguna de ellas me ha funcionado, así que aquí les pregunto. Agradezco el tiempo de todos.

Recientemente comencé a usar gulp con browserify, y eso funciona muy bien. Luego intenté usar browserify para el front-end usando: Backbone y Bootstrap3.

Las cosas parecen funcionar, hasta que trato de requerir el archivo js que viene con Bootstrap. Recibo un error en mis herramientas de Chrome que dice: jQuery no está definido.

He intentado calzarlo, pero estoy muy confundido por la cuña. Estoy usando jQuery 2.1.1, por lo que no debería necesitar calzar jQuery, pero ahora existe en la cuña, ya que estaba desesperado y probaba todo. Aquí está mi paquete.json y mi archivo main.js:

-------------- package.json ------------------

{
  "name": "gulp-backbone",
  "version": "0.0.0",
  "description": "Gulp Backbone Bootstrap",
  "main": "main.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Rob Luton",
  "license": "ISC",


  "devDependencies": {
    "jquery": "^2.1.1",
    "backbone": "^1.1.2",
    "browserify": "^4.2.1",
    "gulp": "^3.8.6",
    "vinyl-source-stream": "^0.1.1",
    "gulp-sass": "^0.7.2",
    "gulp-connect": "^2.0.6",
    "bootstrap-sass": "^3.2.0",
    "browserify-shim": "^3.6.0"
  },

  "browser": {
    "bootstrap": "./node_modules/bootstrap-sass/assets/javascripts/bootstrap.js",
    "jQuery": "./node_modules/jquery/dist/jquery.min.js"
  },

  "browserify": {
    "transform": ["browserify-shim"]
  },

  "browserify-shim": {
    "jquery": "global:jQuery", 
    "bootstrap": {
      "depends": [
        "jQuery"
      ]
    }
  }
}

------------------------- main.js ----------------------

var shim = require('browserify-shim');
$ = require('jquery');
var Backbone = require('backbone');
Backbone.$ = $;
var bootstrap = require('bootstrap');

/* the following logs fine if I comment out the bootstrap require, otherwise I get 'jQuery undefined' */

console.log(Backbone);
$(function() {
    alert('jquery works');
});