title: React-css-module not working, style returns a blank object
body: <p>Not sure what I'm doing wrong here, where I console.log(style) it is just a blank object but defined.  No errors.</p>
  
  <p>Login.js - component</p>
  
  <pre><code>import React, {Component} from 'react';
  import {connect} from 'react-redux';
  import PropTypes from 'prop-types';
  import CSSModules from 'react-css-modules';
  import { Row, Col } from 'antd';
  
  import styles from './Login.css';
  
  import Logo from '../../components/Logo/Logo';
  
  class Login extends Component {
    constructor (props) {
      super(props);
    }
  
    render () {
      const {dispatch} = this.props
      console.log(styles);
      return (
        &lt;Row type="flex" justify="space-around" align="middle" className="container"&gt;
          &lt;Col sm={16} md={16} lg={9}&gt;
              &lt;div className={styles.content}&gt;
                &lt;h1&gt;Sign In&lt;/h1&gt;
                &lt;Logo size="large" className="logo" /&gt;
              &lt;/div&gt;
          &lt;/Col&gt;
        &lt;/Row&gt;
      )
    }
  
  }
  
  Login.propTypes = {
    data: PropTypes.object,
    history: PropTypes.object,
    dispatch: PropTypes.func
  }
  
  function select (state) {
    return {
      data: state
    }
  }
  
  export default connect(select)(CSSModules(Login, styles));
  </code></pre>
  
  <p>Login.css - nothing special going on here</p>
  
  <pre><code>body {
    background-color: #f0f0f0;
  }
  
  .container {
    width: 100vw;
    height: 100vh;
  }
  
  .content {
    position: relative;
    background-color: #ffffff;
    padding: 30px 20px 20px 20px;
  }
  </code></pre>
  
  <p>and the webpack.config.js most likely the culprit but I can't seem to figure out the issue</p>
  
  <pre><code>const path = require('path');
  const ExtractTextPlugin = require('extract-text-webpack-plugin');
  
  const HtmlWebpackPlugin = require('html-webpack-plugin');
  const HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
    template: './src/index.html',
    filename: 'index.html',
    inject: 'body'
  })
  
  module.exports = {
    entry: './src/index.js',
    output: {
      path: path.resolve('dist'),
      filename: 'index_bundle.js'
    },
    devServer: {
      historyApiFallback: true,
    },
    mode: "development",
    module: {
      rules: [
        {
          test: /\.css$/,
          use: ExtractTextPlugin.extract({
           fallback: "style-loader",
           use: "css-loader"
         })
        }, {
          test: /\.js$/,
          exclude: /node_modules/,
          use: "babel-loader"
        }, {
          test: /\.jsx?$/,
          exclude: /node_modules/,
          use: "babel-loader"
        }
      ]
    },
    plugins: [
      HtmlWebpackPluginConfig,
      new ExtractTextPlugin({filename: 'style.css'})
    ]
  }
  </code></pre>
  
  <p>The app compiles and runs fine just the react-css-module isn't namespacing the styles and the styles aren't being applied to the element.</p>