title: 'Uncaught ReferenceError: jQuery is not defined' with create-react-app
body: <p>Am building a React App using <a href="https://github.com/facebookincubator/create-react-app" rel="noreferrer">create-react-app</a> so the app is server ready. </p>
  
  <p>When importing a bootstrap javascript plugin such as 'affix.js', I get the error 'Uncaught ReferenceError: jQuery is not defined', and the page no longer loads.</p>
  
  <p>Am importing all the modules through the index.js file since with the create-react-app it dosent seem to load the 'src' and 'link' imports from the index.html file.</p>
  
  <p>Am importing the bootstrap plugin like so:
  import 'bootstrap/js/affix.js'</p>
  
  <p>Have tried importing jquery in the following ways, at the top of the index.js file but none is working:</p>
  
  <ol>
  <li>import jquery from 'jquery'</li>
  <li>import jquery from 'jquery', window.$ = window.jQuery = jquery;</li>
  <li>import jQuery from 'jquery'</li>
  <li>import $ from 'jquery'</li>
  <li>import 'jquery/dist/jquery.js';</li>
  <li>require('./node_modules/jquery/dist/jquery.js')</li>
  </ol>
  
  <p>Any ideas? </p>