title: Webpack 3 'Uncaught ReferenceError: jquery is not defined'
body: <p>I'm trying to add jQuery in the bundle, so far webpack 3 is not making it easy, i've seen the question asked several times, and none of the answers worked.</p>
  
  <p>I added all the parts that are supposed to make this work</p>
  
  <p>In webpack.config.js</p>
  
  <pre><code>  externals: {
      jquery: 'jQuery'
    },
    plugins: [
      new webpack.DefinePlugin({
        '$': 'jquery',
        'jQuery': 'jquery',
        'window.jQuery': 'jquery'
      })
    ]
  </code></pre>
  
  <p>In entry file: app.jsx</p>
  
  <pre><code>window.$ = window.jQuery = require("jquery");
  </code></pre>
  
  <p>Webpack compiles, but in the browser I get the same error
  <a href="https://i.stack.imgur.com/UkJwE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UkJwE.png" alt="enter image description here"></a></p>
  
  <p>Here's the <a href="https://github.com/Macromeda/Boilerplate" rel="nofollow noreferrer">repo</a>, incase anyone wanna take a look at the files</p>
  
  <p>Thanks alot in advance :)</p>