title: Webpack won't resolve modules without .jsx extension despite resolve being set
body: <p>If I add <code>.jsx</code> to <code>require('./StringOption')</code> it works but I thought the <code>resolve</code> section of my webpack.config.js is supposed to allow me to require with no extension. What am I doing wrong?</p>
  
  <p>Also why do I need <code>./</code> infront when it resides in the same directory as index.jsx?</p>
  
  <h2>Error message after running webpack:</h2>
  
  <pre><code>ERROR in ./src/index.jsx
  Module not found: Error: Cannot resolve module 'StringOption' in /Users/Mike/packages/chrome-extension-options/src
   @ ./src/index.jsx 5:19-42
  </code></pre>
  
  <h2>index.js:</h2>
  
  <pre><code>'use strict'
  
  var React = require('react')
  var ReactDOM = require('react-dom')
  var StringOption = require('./StringOption');
  
  ReactDOM.render(&lt;StringOption id="test" name="Test" /&gt;, document.getElementById('content'))
  </code></pre>
  
  <h2>webpack.config.js file:</h2>
  
  <pre><code>var path = require("path");
  
  module.exports = {
      entry: './src/index.jsx',
      output: {
          path: path.resolve(__dirname, "dist"),
          filename: 'index.js'
      },
      module: {
          loaders: [
              {
                  test: /\.jsx$/,
                  loader: 'jsx-loader',
                  exclude: /node_modules/
              }
          ]
      },
      externals: {
          'react': 'React',
          'react-dom': 'ReactDOM'
      },
      resolve: {
          extensions: ['', '*.js', '*.jsx']
      }
  };
  </code></pre>
  
  <h2>Directory structure:</h2>
  
  <pre><code>- src/
    - index.jsx
    - StringOption.jsx
  - dist/
    - index.js
    - react.js
    - react-dom.js
  </code></pre>