title: Any way to generate <link>'ed instead of inline stylesheets from Webpack?
body: <p>If I have the following code in a webpack project with <code>css-loader</code> and <code>style-loader</code> plugins:</p>
  
  <pre><code>import 'index.css'
  </code></pre>
  
  <p>It generates an inline style in a <code>&lt;style&gt;</code> tag. Is there any way to leverage browser caching feature by having it generate a <code>&lt;link rel="stylesheet" href="index.css"&gt;</code> instead? I know I can put CSS files in the public folder, but then it won't be in the Webpack build pipeline. Is there some existing CSS loader plugin that does this? Or are there strong arguments for abandoning this approach altogether (ofc. not putting them render-blockingly in the document <code>&lt;head&gt;</code>)?</p>