A way to reduce the bundle size

I noticed that the my bundle size was too big and now I know that is vue-apexcharts is 455kb.

There is some way to reduce that?

[oller]

The bundle is very heavy at the moment, and would be a real blocker to a lot of people using this in production, which is a shame.

I’d agree with @unsalted, the ideal scenario is to allow the user’s to import the features they want, as opposed to making some best guessed groups lite, basic, etc.

Proper modularisation and exports as mentioned previously, i.e. albeit I’m in a vue scenario.

import { RadialBar } from 'vue-apexcharts'

Then you’re deferring the tree-shaking to the user’s webpack/rollup, they’d compile and tree-shake lib, not reference the precompiled /dist dir.

Would be a start, even if you did end up with a large common file with all the zoom/pan/export logic.

lodash and d3 are both good examples of how a lib has been properly modularised.

[oller]

On the other hand, allowing the user to import specific modules look good in theory, but will require a major rewrite in all parts. It might also be a pain for users who likes plug-n-play.

I’d take a look at d3, which has achieved exactly this, it still has a cdn hosted plug-n-play, all the while complete split up into microlibraries, so from a dev side, if I need scales, I can import d3-scale.

I appreciate this is a large refactor, but with apexcharts topping out at almost 500kb, that’s a real blocker to adoption, which seems a real shame considering all the great work going into this excellent lib.