title: Webpack cannot find module
body: <p>I'm new on webpack and I'd like to use third party react component in my project. I installed the componet that i need and the dir <code>node_modules</code> was created and my project's tree look like:</p>
  
  <pre><code>reactcalendar
    |--node_modules
    |   |--.bin
    |   |--babel-cli
    |   |--babel-core
    |   |--babel-preset-es2015
    |   |--babel-preset-react
    |   |--babelify
    |   |--file-loader
    |   |--moment
    |   |--react
    |   |--react-big-calendar (the third party component)
    |   |--react-dom
    |   |--webpack
    |--.babelrc
    |--bundle.js (empty)
    |--index.html
    |--index.js
    |--package.json
    |--webpack.config.js
  </code></pre>
  
  <p>Some file was used for browserify but it gave me the same error...</p>
  
  <p>My <strong>index.html</strong> look like this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;React Calendar&lt;/title&gt;
      &lt;script src="bundle.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="content"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My <strong>index.js</strong> look like this:</p>
  
  <pre><code>import BigCalendar from 'react-big-calendar';
  import moment from 'moment';
  BigCalendar.momentLocalizer(moment);
  
  ReactDOM.render(&lt;BigCalendar
      events={myEventsList}
      startAccessor='startDate'
      endAccessor='endDate'
  /&gt;, document.getElementById('content'));
  </code></pre>
  
  <p>And my <code>webpack.config.js</code> look like this:</p>
  
  <pre><code>module.exports = {
      context: __dirname,
  
      output: {
          filename: "bundle.js",
          path: __dirname
      },
  
      module: {
          loaders: [
              {
                  test: /\.js$/,
                  exclude: /node_modules/,
                  loaders: ["babel-loader"]
              },
              {
                  test: /\.html$/,
                  loader: "file?name=[name].[ext]",
              }
          ]
      },
  
      entry: {
          javascript: "./index.js",
          html: "./index.html"
      }
  }
  </code></pre>
  
  <p>When i run the command <code>webpack</code> into my root project it gave me this error:</p>
  
  <pre><code>C:\Users\ernest\PhpstormProjects\reactcalendar&gt;webpack
  Hash: ebfe4ff0eeeaed3060c6
  Version: webpack 1.13.1
  Time: 12753ms
       Asset       Size  Chunks             Chunk Names
  index.html  231 bytes          [emitted]
   bundle.js     469 kB    0, 1  [emitted]  html, javascript
      + 105 hidden modules
  
  ERROR in ./index.js
  Module not found: Error: Cannot resolve module 'react-big-calendar' in C:\Users\ernest\PhpstormProjects\reactcalendar
   @ ./index.js 3:24-53
  </code></pre>
  
  <p>Maybe I'm wrong with the config file of webpack?</p>