title: How to switch css file when using Webpack to load css?
body: <p>I use gulp to compile my sass file to css files, and reference the css file in my html. The project support theme switch. For example, I have 3 css theme files:</p>
  
  <ul>
  <li><code>red.css</code></li>
  <li><code>yellow.css</code></li>
  <li><code>blue.css</code></li>
  </ul>
  
  <p>I can currently switch the theme css like this:</p>
  
  <pre><code>var styleDom = $('#theme-style');
  var newHref = 'styles/themes/' + themeName + '.css';
  if (styleDom.attr('href') !== newHref) {
     styleDom.attr('href', newHref);
  }
  </code></pre>
  
  <p>Now I want to use webpack to load the css file.</p>
  
  <pre><code>require('styles/themes/red.css');
  </code></pre>
  
  <p>It seems work well, but I cannot find a way to switch the theme css file now, does anyone have a solution?</p>