Browserify FullCalendar with external jQuery
<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>