title: React - Module parse failed
body: <p>I've got this error all day when running webpack from command line:</p>
  
  <pre><code>ERROR in ./index.js
  Module parse failed: /home/kuro/Workspace/ExpressJS/corate/src/index.js Line 10: Unexpected token &lt;
  You may need an appropriate loader to handle this file type.
  |   render:function(){      
  |       return (
  |           &lt;div&gt;
  |               &lt;div className="left"&gt;
  |                   &lt;img src={mac}/&gt;
  </code></pre>
  
  <p>Here is my code in <code>index.js</code></p>
  
  <pre><code>var React=require('react');
  var ReactDOM=require('react-dom');
  var style=require('../public/css/style.css');
  var mac=require('../public/images/img_landing_page_mac.png');
  var chrome=require('../public/images/btn_get_chrome.png');
  
  var Content=React.createClass({
      render:function(){      
          return (
              &lt;div&gt;
                  &lt;div className="left"&gt;
                      &lt;img src={mac}/&gt;
                  &lt;/div&gt;
                  &lt;div className="right"&gt;
                      &lt;h2 style={font-size: '33px', letter-spacing: '5px'}&gt;
                          Organize &lt;br&gt;Modern Knowledge&lt;br&gt; for Mankind
                      &lt;/h2&gt;
                      &lt;p style={font-size: '20px', margin-top: '35px', letter-spacing: '4px'}&gt;
                          Consume, Colect and Revisit &lt;br&gt;Knowledge at Your Fingertips
                      &lt;/p&gt;
                      &lt;a href="#" style={margin-top: '80px', display: 'inline-block', margin-left: '-17px'}&gt;
                          &lt;img src={chrome}/&gt;
                      &lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          );
      }
  });
  
  ReactDOM.render(&lt;Content/&gt;,document.getElementByClassName('container'));
  </code></pre>
  
  <p>And configuration in <code>webpack.config.js</code>:</p>
  
  <pre><code>module.exports={
      context: __dirname+'/src',
      entry:'./index.js',
      output:{
          path:__dirname+'/static',
          filename:'bundle.js'
      },
      module:{
          loaders:[
          {
              test:/\.png$/,
              loader:'url?limit=10000'
          },
          {
              test:/\.jpg$/,
              loader:'url?limit=10000'
          },
          {
              test:/\.css$/,
              loader:'style!css'
          }
          ]
      }
  }
  </code></pre>
  
  <p>I couldn't figure out what is wrong with it. Am I missing something here?</p>