How can I see changes locally while build a library using tsup?

[abhinav-anshul]

Hi,

I'm building a small React library using typescript + react + tsup entry point being src/index.tsx & compiling/bundling it to dist/index.js

How should I ideally see my library in localhost? Is there a way to do so using Tsup? If I'm not wrong, I can simply install live-server and create one index.html file with dist/index.js as my script file. Is this ideal?

If yes, then while publishing the library to npm do i need to manually remove live-server and index.html file everytime?

If anyone can help me out on this one, please!

Thanks

Upvote & Fund

• We're using Polar.sh so you can upvote and help fund this issue.
• We receive the funding once the issue is completed & confirmed by you.
• Thank you in advance for helping prioritize & fund our backlog.

[koshic]

It's a common issue when you decide to use wrapper instead of original tool. Esbuild supports dev server + watch mode out of the box - https://esbuild.github.io/api/#live-reload. But tsup doesn't. Do you really need this wrapper in your small/simple library?

For tsup, you can use something like https://tsup.egoist.dev/#onsuccess + live-server.

[kealjones-wk]

I am building a not-so-small library and tsup has been a great time saver for many aspect of the bundling process... but i also have this gripe with it. See: https://github.com/egoist/tsup/issues/842

I wish that we could somehow get the same feature or at least get a feature that would allow us to pull out closest equivalent of a raw esbuild config that i could then pass into esbuild directly...

[abhinav-anshul]

What are you building brother?

Also, I managed to get it together using live-server, someone suggested me to tweak onSuccess callback to run it on live server.

But yeah #842 would be a game changer!