use syncfusion crg components without the direct scripts

Hello, I am trying to use the syncfusion library without a vue cli application on a legacy native js code base.. what I have tried so far is using the direct script put on your docs.. but the problem, although this approach works, is that this direct script file size is huge and makes my website very slow while loading.. after that, I tried to install a component by using the CRG, what I did is installing the button component, from the crg, and after that an "ejs" variable is presented but without an "buttonPlugin" inside it, whats the problem? can you guide me step by step please to get your components and include them in my legacy application without having enormous file size?


below is what I have tried and I am getting ButtonPlugin is not defined although I followed your guide to download the button component


<script src="./assets/vue/node_modules/@syncfusion/ej2-button/scripts/ej2.js" type="text/javascript">script>
Vue.use(ButtonPlugin);
var dialogApp = new Vue({
el: '#app',
});
<div id="app" class="prime">
<ejs-button is-primary="true">Button </ejs-button>
div>

2 Replies

YA YuvanShankar Arunagiri Syncfusion Team July 27, 2022 03:58 AM UTC

Hi Infra,


Sorry for the delay. We are validating your query and will update you the details on or before 29th July 2022.


Regards,

YuvanShankar A



YA YuvanShankar Arunagiri Syncfusion Team August 1, 2022 12:45 PM UTC

Hi Infra,


The scripts you have referred is for the Javascript UI components and we have provided the CRG scripts for the Javascript UI components only. For Vue UI components we can refer the scripts through CDN links. Please refer to the below documentation link for how to use vue CDN link in the JS platform.


Documentation: https://ej2.syncfusion.com/vue/documentation/getting-started/direct-scripts/


Regards,

YuvanShankar A


Loader.
Up arrow icon