Import cost of VFM greater than 60kb (gzip)

vue-final / vue-final-modal

🍕Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.

https://vue-final-modal.org

MIT License

864 stars 95 forks source link

Import cost of VFM greater than 60kb (gzip) #356

Closed suhan0694 closed 1 year ago

suhan0694 commented 1 year ago

Version

vue-final-modal: 4.1.4 vue: "3.2.47"

Import cost of createVfm is currently resolving to ~177kb and gzipped to ~64kb.

Vue-final-modal-size

Is this the expected size? Am I missing anything here?

hunterliu1003 commented 1 year ago

@suhan0694 I'm not sure how does the vscode extension calculate the bundle size of vue-final-modal

I think this is more accurate. The building process show the bundle size of vue-final-modal, it's 0.41kb for style, 9.35kb for ESM and 7.43kb for UMD.

I also check the bundle size in bundlephobia, the self part of vue-final-modal only take 4.72kb.

suhan0694 commented 1 year ago

Thank you @hunterliu1003. This provides a better picture.

FYI the extension on VSCode we are using is Import Cost