title: Browserify FullCalendar with external jQuery
body: <p>I am loading jQuery from a CDN and this error occurs when I try to import <a href="http://fullcalendar.io/">FullCalendar</a> into my scripts:</p>
  
  <blockquote>
    <p>Uncaught Error: Cannot find module 'jquery'</p>
  </blockquote>
  
  <p>Here is my script:</p>
  
  <pre><code>'use strict'
  
  import $ from 'jquery'
  import 'fullcalendar'
  
  $('#calendar').fullCalendar()
  </code></pre>
  
  <p>I'm running this command to transform my script:</p>
  
  <pre><code>browserify index.js -t babelify -x jquery &gt; index.min.js
  </code></pre>
  
  <p>My HTML looks like this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;div id=calendar&gt;&lt;/div&gt;
  &lt;script src=https://code.jquery.com/jquery-2.2.0.min.js&gt;&lt;/script&gt;
  &lt;script src=index.min.js&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I have also tried <a href="https://github.com/thlorenz/browserify-shim">browserify-shim</a> with <code>depends: ['jquery', 'moment']</code> but it does not make any difference.</p>
  
  <p>I suspect that it is because the FullCalendar JS file has a UMD wrapper that does its own <code>require('jquery')</code> and <code>require('moment')</code> but I thought the external flag would be smart enough to detect this.</p>
  
  <p>Any way I can work around this problem?</p>
  
  <p>Update: This was a minimal example of what I am trying to achieve, however my actual code involves many more dependencies than FullCalendar, and all third-party dependencies are concatenated into a <code>vendor.min.js</code> file, separated from our code (such as <code>index.js</code>).</p>