Hi Kendo team,
We use kendo Vue in an application bootstraped with Vue CLI and bundled by webpack.
import '@progress/kendo-ui'
results in a very heavy bundle size (9,98Mo of scripts to process by webpack, 2/3 of vendors are kendo lib alone, see report attached).
We followed this article https://www.telerik.com/kendo-vue-ui/components/framework/kendo-ui-script-size-optimization/ to create a custom kendo build with gulp. But unfortunately node hits a memory heap and cancel the build, because the file size to process is too big (even after unminification).
As long as tree shaking is not available from "kendo-vue-overlay-wrappers" the only solution we have to reduce the bundle size seems to be to import specific fragments instead of '@progress/kendo-ui' (as found here https://www.telerik.com/forums/webpack-support#k7brPs0SHkeKjIRYG8Yb5w).
Can you please provide the exact mapping from a kendu-vue-wrapper to its kendo dependency/fragment, in order for us to make sure a wrapper has access to the resource needed?
Kind regards
1 Answer, 1 is accepted
I saw that this is a duplicate thread of a support ticket on this topic. I am pasting my colleague's answer here for clarity - we will do our best to provide the exact mapping from a kendo-vue-wrapper to its Kendo UI dependencies to our documentation as soon as possible. To avoid threads duplication I would suggest continuing the conversation in the support ticket.
Regards,
Dimitar
Progress Telerik