Two bundle targets keeps deduplicating common css...

[em]

I'm trying to bundle two separate apps at the same time from one codebase.

Both are using the same common design-system css. The result is that no matter what I do one of the build targets has no CSS, evidently because parcel thinks it's unnecessary to generate it.

I'm expecting to generate:

public/gsheets_app.js     ⚠️  2.43 MB    138ms
public/gsheets_app.css      542.61 KB     25ms
public/shopify_app.js     ⚠️  2.43 MB    138ms
public/shopify_app.css      542.61 KB     25ms

Instead what I get is

public/gsheets_app.js     ⚠️  2.43 MB    138ms
public/gsheets_app.css      542.61 KB     25ms
public/shopify_app.js     ⚠️  2.43 MB    138ms

shopify_app.css is missing, apparently because it incidentally is the same as gsheet_app.css.

How can I make these build separately? I've even tried running two separate parcel build commands and even that has the same problem......

Don't mind the large bundle sizes... that's the whole reason I'm trying to split into multiple apps. We've got a bunch of separate apps that run in different places and all of that functionality right now exists in one big ass app with 90% of the codebase never being used in each context. My goal is to split it into building each separate target. But deduplication across separate targets here makes no sense to me. What about when each target has its own code splitting, am I going to have the same problem? Why is parcel apparently expecting that every build target exists and can access the generated code from every other build target?