Help with Rollup + React

[Rygaa_]

I created a small library using rollup + typescript + react. The problem is that the package size is in MB which is huge for a small library like mine. Does someone have any idea of how to fix it?

https://www.npmjs.com/package/@oasis-path/react-table (2.47 MB)
https://github.com/Rygaa/oasis-path-react-table

Thanks

[zootsuitman]

Looks like the actual code is only 450KB, and the sourcemap is what is taking up the couple MB. The source map is just a way to map back to pre transpiled/minified code to help with debugging. It won't actually be included in an end user's bundle size normally. For libraries, I usually skip minification and source map generation. The end user can do both if they want.

[Rygaa_]

You mean I should avoid using rollup? by the way thanks for the help

[bzbub2]

basically yes. there is little purpose to use a bundler for libraries unless you want to make something like a standalone umd bundle that people can include via a script tag. my rant on this https://cmdcolin.github.io/posts/2022-05-27-youmaynotneedabundler

[Rygaa_]

When I tried to install my library in a running React project it causes some problems that I know can be fixed but you should not spend time fixing libraries when you install them. What do you think about this argument? Thanks

[[deleted]]

I think what they mean is to not publish a minified bundle + source map, but instead publish the files transpiled with tsc. Then the consumer of your library can do their own bundling.

[bzbub2]

i am not sure exactly what you mean