title: Rollup - Preserve modules + css
body: <p>Can't find any resources online, but i'm trying to optimize our in-house component library, which i'm trying to make more tree shaker friendly.</p>
  
  <p>How with rollup can i leave .css files in the output along with maintain their import in the file.</p>
  
  <p>I.E</p>
  
  <pre><code>Foo.js  (inside import "./foo.css")
  Foo.css
  </code></pre>
  
  <p>Output.</p>
  
  <pre><code>Foo.js  (inside import "./foo.css" remains) created into module
  Foo.css
  </code></pre>
  
  <p>This seems as straight forward as possible and iv'e found similar threads asking for this but zero responses. <a href="https://github.com/egoist/rollup-plugin-postcss/issues/204" rel="nofollow noreferrer">https://github.com/egoist/rollup-plugin-postcss/issues/204</a></p>
  
  <p>Allowing this will basically mean when people who consume my project will only get critical css automatically.</p>
  
  <p>I.E   Import { Foo } from "xyz/foo" will automatically import the accompanying css file.</p>