title: Confusing webpack rule after `au new` using Aurelia CLI
body: <p>I'm trying to understand what magic happens that violates my understanding of webpack. </p>
  
  <p><strong>To reproduce:</strong></p>
  
  <ol>
  <li>`au new -u -s http2,dotnet-core,typescript,htmlmin-min,vscode,scaffold-navigation.</li>
  <li>Open <code>webpack.config.js</code></li>
  <li>Review the module rules:</li>
  </ol>
  
  <p>Notice this rule:</p>
  
  <pre><code>{
      test: /\.css$/i,
      issuer: [{ test: /\.html$/i }],
      // CSS required in templates cannot be extracted safely
      // because Aurelia would try to require it again in runtime
      use: cssRules
  }
  </code></pre>
  
  <p><code>cssRules</code> is defined as:</p>
  
  <pre><code>const cssRules = [
    { loader: 'css-loader' },
  ];
  </code></pre>
  
  <p>All of that seems to mean that html files which <code>&lt;require&gt;</code> a css file will only utilize <code>css-loader</code>. And based on my understanding, <code>css-loader</code> doesn't inject the CSS into the page at all. At minimum, <code>style-loader</code> would be required to inject the CSS into the html file. </p>
  
  <p>And yet, when I <code>&lt;require&gt;</code> a CSS file, it works exactly as expected.</p>
  
  <p>Can someone explain why that is? </p>