matrix-notepad
matrix-notepad copied to clipboard
KB1RD
The bundle is HUGE
All said and done, its around 24MB that gets sent to the client. This is insane. I really need to figure out where all this is coming from and eliminate it. I have a feeling that most of it comes from the UI framework that I'm using. I should import only the components that I need. First, I want to get this to a stable state though.
"You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size." -- Hopefully it'll be an easy fix
Just to give a quick update: The NPM package that I linked had horrible docs (to the point where they had unanswered GH issues open asking how to use it), so I just bit the bullet and switched to Bootstrap Vue. This is probably a better long term decision since I can do things like support different themes easily. I also designed a custom theme called Glow for the editor. Even without any kind of tree shaking and while embedding all of the icons in the bundle, the result is about half the size from when I was using Ant.