Bundle typescript with export default foo for both esm and cjs targets.

[romainmenke]

🙋 feature request

A a library author I want to write TypeScript as :

const foo = 1;

export default foo;

I also want my users to be able to do this :

// app.cjs
const foo = require('some-package');

console.log(foo) // 1;

// app.mjs
import foo from 'some-package';

console.log(foo) // 1;

🤔 Expected Behavior

// app.cjs
const foo = require('some-package');

console.log(foo) // 1;

prints 1

😯 Current Behavior

// app.cjs
const foo = require('some-package');

console.log(foo) // 1;

prints { default: [Getter] }

💁 Possible Solution

N/A

🔦 Context

I want to adopt Parcel for everything authored under https://github.com/csstools/postcss-plugins
But I don't want this to be a breaking change for users.

I tried searching the issues and docs, maybe I am not using the right keywords, but I did not find a way forward.

[mischnic]

This isn't possible by default, but a resolver plugin can achieve this: https://github.com/mischnic/parcel-resolver-dual-default

[romainmenke]

Thank you for this working example @mischnic 🎉
This is extremely helpful 🙇

It's already pretty late here but I will try to get this setup in the next few days and get back to you!

[romainmenke]

@mischnic I tested this and it works perfectly in isolation.

Unfortunately I encountered the same issue as : #8419

Ironically I was hoping to adopt Parcel because of issues between Rollup and TypeScript.

---

I think this issue can be closed?