1. Feedback
  2. Vue
  3. 19592

Welcome to the Vue feedback portal. We’re happy you’re here! If you have feedback on how to improve the Vue, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Excluding @syncfusion/ej2-vue-pivotview from output bundle in webpack by using Externals/ Lazy load module

Hi,

I am using the following statement to import pivot grid in my vue component:

import { PivotViewPlugin, CalculatedField, FieldList, PivotFieldListPlugin, Toolbar, ExcelExport, PDFExport, ConditionalFormatting } from "@syncfusion/ej2-vue-pivotview";

The final bundle size for the js is around 6MB as a result (vue CLI 3). 

Now, we can specify an external dependency in webpack by specifying "externals" in configureWebpack settings which will exclude the dependency from getting bundled up.


Is there a way to add syncfusion components as external dependencies and then reference it in the vue application? 

Or is there any other way to lazy load syncfusion modules in vue?


Please let me know if you have any questions.

Thanks 
Dhruv