Duplicated CSS

[canadaduane]

@jsonkao reported this same issue in parcel-plugin-svelte for Parcel 1.x:

DeMoorJasper/parcel-plugin-svelte#138

I've made a reproducible test case, based on his original case here: https://github.com/canadaduane/svelte-parcel-duplicate-styles

From jsonkao:

Styles are being duplicated. In a Svelte component like…

<div></div>

<style>
  div {
    background: red;
    width: 100px;
    height: 100px;
  }
</style>

…DevTools shows these styles:

[canadaduane]

See also sveltejs/sapper#1076 which inspired the fix.

[jsonkao]

Hi! Coming back to this issue three years later lol… what if I do want CSS inlined? And I don't at all want the <link> to reference a diferent stylesheet?