title: Parcel - output multiple css files
body: <p>I am using parcel to build a website. The problem is, parcel generates a huge css file, but I would like to have multiple smaller css files instead, so I don't have to load all the css, only on the page where it is necessary.</p>
  <p>In my main.js file I import the main.scss file. In the main.scss file I also use import to add additional scss files. In my main.scss file I define variables to use in the child scss files.</p>
  <p>Is there a way to output multiple CSS files but using the variables from my main.scss file?</p>