title: Keep CSS comments in Vue single file components on production build?
body: <p>Scenario is as follows:</p>
  
  <p>Vue CLI 3 project using Tailwindcss and Purgecss to remove unused classes.</p>
  
  <p>"@ky-is/vue-cli-plugin-tailwind": "^1.4.0"</p>
  
  <p>Trying to import a vendor css file within my <code>&lt;style&gt;</code> block but the <code>/* csspurge start ignore */</code> and <code>/* csspurge end ignore */</code> comments are stripped out during production build.</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;style lang="postcss"&gt;
  
  /* csspurge start ignore */
  @import 'my-vendor-css-file.css';
  /* csspurge end ignore */
  
  .my-other-styles-to-be-purged {
   ...
  }
  
  &lt;/style&gt;
  </code></pre>
  
  <p>The issue is that my vendor file is getting purged because the webpack loader strips out the comments during a production build.</p>
  
  <p>Any help on how to configure webpack to not do this in Vue CLI 3 environment? I tried looking at css-loader options but couldn't find a solution anywhere.</p>