title: django webpack loader setting to load css
body: <p>It works when I set up like below. I am using <a href="https://github.com/ezhome/django-webpack-loader" rel="nofollow noreferrer">django-webpack-loader</a></p>
  
  <p>index.html</p>
  
  <pre><code>{% load render_bundle from webpack_loader %}
  &lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="UTF-8"&gt;
          &lt;title&gt;Jayground&lt;/title&gt;
          {% render_bundle 'main' 'css' %}
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div id="react-app"&gt;&lt;/div&gt;
          {% render_bundle 'main' 'js' %}
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Header.js</p>
  
  <pre><code>import styles from './header.css';
  
  export default class Header extends React.Component {
      render(){
          &lt;div className="header"&gt;
              hello
          &lt;/div&gt;
      }
  }
  </code></pre>
  
  <p>webpack.config.js (I made styles.css separately and then load css file in html separately so that className="header" works.)</p>
  
  <pre><code>config.plugins = config.plugins.concat([
      new ExtractTextPlugin('styles.css'),
  ]);
  
  config.module.rules.push(
      {
          test: /\.css$/,
          use: ExtractTextPlugin.extract({
              use: 'css-loader'
          })
      }
  )
  </code></pre>
  
  <p>According to what I understood, code below should work too. If I don't separate css file by using ExtractTextWebpackPlugin, bundle js file have css information in it like this.  </p>
  
  <pre><code>exports.push([module.i, ".header {\r\n  background-color: blue;\r\n}\r\n\r\n.extra {\r\n\tfont-size: 50;\r\n}", ""]);
  </code></pre>
  
  <p>css should be loaded properly.</p>
  
  <p>Header.js</p>
  
  <pre><code>import styles from './header.css';
  
  export default class Header extends React.Component {
      render(){
          &lt;div className={styles.header}&gt;
              hello
          &lt;/div&gt;
      }
  }
  </code></pre>
  
  <p>webpack.config.js</p>
  
  <pre><code>config.module.rules.push(
      {
          test: /\.css$/,
          use: ['style-loader', 'css-loader']
      }
  )
  </code></pre>
  
  <p>Do I miss something to work properly?</p>