title: Remove class objects generated by css-loader when using css-modules
body: <p>Currently when the <code>modules:  true</code> option is defined in <code>css-loader</code> configuration, a json object is added to js output for each css file. E.g</p>
  <p>input</p>
  <pre><code>// style.css
  
  .has-spinner {
  
  }
  </code></pre>
  <p>output</p>
  <pre><code>// style.css (in js bundle)
  {
    hasSpinner: 'someHashedCssModuleClass',
  }
  
  </code></pre>
  <p>and then, in my case, it will be referenced by some React component:</p>
  <pre><code>// someComponent.js
  &lt;SomeComponent className={styles.hasSpinner}
  </code></pre>
  <p>I'm wondering if there is any loader/plugin that is capable of inlining the generated css properties and removing the json object like so:</p>
  <pre><code>// style.css
  .someHashedCssModuleClass {
  
  }
  </code></pre>
  <pre><code>// someComponent.js
  &lt;SomeComponent className=&quot;someHashedCssModuleClass&quot;
  </code></pre>
  <p>So that bundle size can be reduced.</p>