title: Fail to import a module's css file
body: <p>In my React project, I am using this gem for creating a dashboard: <a href="https://github.com/luqin/react-icheck" rel="nofollow">https://github.com/luqin/react-icheck</a></p>
  
  <p>I copy pasted their first example in my code.</p>
  
  <p>On the Github page, it says I should have import the <code>css</code> like this:</p>
  
  <pre><code>import 'icheck/skins/all.css'; // or single skin css
  </code></pre>
  
  <p>If I do that, I get the error:</p>
  
  <pre><code>ERROR in ./~/icheck/skins/all.css
  Module parse failed: node_modules/icheck/skins/all.css Line 3: Unexpected token ILLEGAL
  You may need an appropriate loader to handle this file type.
  | /* iCheck plugin skins
  | ----------------------------------- */
  | @import url("minimal/_all.css");
  | /*
  | @import url("minimal/minimal.css");
  </code></pre>
  
  <p>If instead I do the import like this:</p>
  
  <pre><code>import 'icheck';
  </code></pre>
  
  <p>There is no more error, but the page doesn't have any checkbox.</p>
  
  <p>So how can I do this import properly?</p>
  
  <p>I also tried using <code>style-loader</code> so my code looks like this:</p>
  
  <pre><code>import React from 'react';
  import {Checkbox, Radio} from 'react-icheck';
  import 'icheck';
  require("style!raw!icheck/skins/all.css");
  
  var Criteria = React.createClass({
  
    getInitialState: function() {
      return {showGallery: false, showOtherCriteria: false};
    },
  
    toggleShowGallery: function() {
      this.setState({showGallery: !this.state.showGallery});
    },
  
    toggleShowOtherCriteria: function() {
      this.setState({showOtherCriteria: !this.state.showOtherCriteria});
    },
  
    render: function() {
      return (
          &lt;div&gt;
  
          &lt;div onClick={this.toggleShowOtherCriteria} className="btn-group" role="group" aria-label="..."&gt;
            &lt;button type="button" className="btn btn-default"&gt;Cold&lt;/button&gt;
          &lt;/div&gt;
  
          {style.use()}
          {this.state.showOtherCriteria
            ?
  
            &lt;div onClick={this.toggleShowGallery} id="channels" className="span12"&gt;
  
              &lt;Checkbox
                checkboxClass="icheckbox_square-blue"
                increaseArea="20%"
                label="Checkbox"
              /&gt;
  
              &lt;Checkbox
                id="checkbox1"
                checkboxClass="icheckbox_square-blue"
                increaseArea="20%"
              /&gt;
              &lt;label for="checkbox1"&gt;First name&lt;/label&gt;
  
              &lt;Radio
                name="aa"
                radioClass="iradio_square-blue"
                increaseArea="20%"
                label="Radio"
              /&gt;
  
  
            &lt;/div&gt;
            :
            null
          }
          {style.unuse()}
  
          &lt;/div&gt;
      );
    }
  });
  
  module.exports = Criteria;
  </code></pre>
  
  <p>However, now I get:</p>
  
  <pre><code>Module not found: Error: Cannot resolve module 'raw'
  </code></pre>
  
  <p>How could I use <code>style-loader</code> properly?</p>