title: Webpack: style-loader and css-loader not working
body: <p>I'm new to webpack and I just did a simple webpack config using some loaders for a react project. I want to be able to import css files like in the doc of style-loader/css-loader.</p>
  
  <p>However, I cannot make it work. After several tries, I'm here asking for some help :) Am I missing something? </p>
  
  <p>When I check the build folder all my code was well transpiled except from the line where I import the css file.</p>
  
  <p>Here's my webpack configuration:</p>
  
  <pre><code>    const path = require('path');
      const PROD = JSON.parse(process.env.NODE_ENV || '0');
  
      module.exports = {
          devtool: PROD ? 'cheap-module-source-map' : 'eval',
          entry: ["./app/index.jsx"],
          output: {
              path: path.join(__dirname, "build"),
              filename: "bundle.js"
          },
          // extensions to resolve when a require is done
          resolve: {
              extensions: [".js", ".json", ".jsx"]
          },
          module: {
              // the loaders list (they are executed in the inverse order)
              rules: [
                  // loader for all js and jsx files
                  {
                      enforce: "pre", // make sure the eslint is used before babel
                      test: /\.js$/,
                      include: path.join(__dirname, 'app'),
                      exclude: /node_modules/,
                      loader: "eslint-loader",
                  },
                  {
                      test: /\.js$/,
                      include: path.join(__dirname, 'app'),
                      exclude: /node_modules/,
                      loader: "babel-loader",
                  },
                  // loaders for css files
                  {
                      test: /\.css$/,
                      use: [ 'style-loader', 'css-loader' ]
                  },
                  // loaders for other files
                  {
                      exclude: [/\.js$/, /\.html$/, /\.json$/],
                      options: {
                          name: 'static/media/[name].[hash:8].[ext]',
                      },
                      loader: "file-loader"
                  },
              ],
          },
          plugins: PROD ? [
              // uglify the js files if in production
              new webpack.optimize.UglifyJsPlugin({
                  minimize: true,
                  compress: {
                      warnings: false
                  }
              })
          ] : []
      };
  </code></pre>
  
  <p>And here's my js file which imports a simple style.css file from the same directory:</p>
  
  <pre><code>import React from 'react';
  import './style.css';
  
  const App = props =&gt; {
      return [
          &lt;h1 className="title"&gt;hello&lt;/h1&gt;
      ]
  };
  
  export default App;
  </code></pre>
  
  <p>And my style.css file:</p>
  
  <pre><code>.title {
      margin-top: 20px;
  }
  </code></pre>