title: Includes specific .css conditionally with web pack
body: <p>I have a web application built with webpack. I have many styling variations, and those styles are all called style.css and in their own respective directories like</p>
  <ul>
  <li><p>./STYLE_A/style.scss</p>
  </li>
  <li><p>./STYLE_B/style.scss</p>
  </li>
  <li><p>./STYLE_F/style.scss</p>
  <p>I am supplying a cross-env variable STYLE_DIR to webpack and I want that variable to control where the scss gets included from.</p>
  </li>
  </ul>
  <p>I've tried:</p>
  <pre><code>require(`./${STYLE_DIR}/style.scss`); //in the webpack (does nothing)
  </code></pre>
  <p>I've tried:</p>
  <pre><code>require(`./${STYLE_DIR}/style.scss`); //in my client.js (ends up including every style.scss from every one of the style directories)
  </code></pre>
  <p>I've tried setting this to a 'process.env' variable in webpack, I've tried using an alias to resolve, there's something I'm just missing.</p>