title: How does webpack's require work?
body: <p>I don't understand how webpack's <code>require</code> function work. For example, I'm reading <a href="http://blog.madewithlove.be/post/webpack-your-bags/" rel="noreferrer">this article</a> about webpack and there is the following example:</p>
  
  <blockquote>
    <p>Let's start by creating our project and installing Webpack, we'll also
    pull in jQuery to demonstrate some things later on.</p>
  </blockquote>
  
  <pre><code>$ npm init
  $ npm install jquery --save
  $ npm install webpack --save-dev
  </code></pre>
  
  <blockquote>
    <p>Now let's create our app's entry point, in plain ES5 for now:</p>
    
    <p>src/index.js</p>
  </blockquote>
  
  <pre><code>var $ = require('jquery');
  
  $('body').html('Hello');
  </code></pre>
  
  <blockquote>
    <p>And let's create our Webpack configuration, in a webpack.config.js file. 
    Webpack configuration is just Javascript, and needs to export an
    object:    </p>
    
    <p>webpack.config.js</p>
  </blockquote>
  
  <pre><code>module.exports = {
      entry:  './src',
      output: {
          path:     'builds',
          filename: 'bundle.js',
      },
  };
  </code></pre>
  
  <p>How does webpack know what is jquery in <code>require('jquery')</code>? I don't see any configuration options specified related to jquery.</p>