title: Correct way to require material-ui by webpack
body: <p>I'm trying to use <a href="https://github.com/callemall/material-ui" rel="noreferrer">material-ui</a> by webpack. However, I got the error message in chrome dev-tool</p>
  
  <pre><code>Uncaught ReferenceError: require is not defined
  </code></pre>
  
  <p>My webpack.config.js:</p>
  
  <pre><code>var bower_dir = __dirname + '/bower_components';
  var node_modules_dir = __dirname + '/node_modules';
  
  var config = {
    addVendor: function (name, path) {
      this.resolve.alias[name] = path;
      this.module.noParse.push(new RegExp(path));
    },
  
    entry: {
      Messenger: './app/Messenger.jsx',
      AppComponent: './app/AppComponent.jsx'
    },
  
    // The resolve.alias object takes require expressions
    // (require('react')) as keys and filepath to actual
    // module as values
    resolve: {
      alias: {},
      extensions: ['', '.jsx']
    },
  
    output: {
      path: './www',
      filename: '[name].bundle.js'
    },
  
    module: {
      noParse: [],
      loaders: [
        { test: /\.css$/, loader: 'style-loader!css-loader' }, // use ! to chain loaders
        { test: /\.png$/, loader: "url-loader?limit=100000&amp;mimetype=image/png" },
        { test: /\.jsx$/, loader: 'jsx-loader' }
      ]
    }
  };
  
  config.addVendor('react', bower_dir + '/react/react.min.js');
  config.addVendor('material-ui', bower_dir + '/material-ui/src/index.js');
  config.addVendor('react-tap-event-plugin', node_modules_dir + '/react-tap-event-plugin/src/injectTapEventPlugin.js');
  
  module.exports = config;
  </code></pre>
  
  <p>I need some suggestions on how to require material-ui with webpack.
  Thanks.</p>