Angular App with syncfuison - how to build with gulp

[Martin R]

Hello,

I have Angular application built with gulp like in this post http://blog.angular-university.io/what-every-angular-project-likely-needs-and-a-gulp-build-to-provide-it/

I've added syncfusion-javascript from npm, but didnt work.

import 'syncfusion-javascript/Scripts/ej/web/ej.web.all.min.js';
import 'syncfusion-javascript/Scripts/ej/common/ej.unobtrusive.min.js';
import 'syncfusion-javascript/Scripts/ej/common/ej.widget.angular.min.js';
 
 
 
const modules = [
    angularSanitize,
    'ngToast', 
    'ngRoute',  
    'ui.bootstrap',
    'ngLocationUpdate',
    'ui-notification',
    angularLoadingBar,
    'ui.bootstrap',
    LocalStorageModule,
    'angular-click-outside',
    'ejangular'
];
 
export default (function() {
    try {
        return angular.module('App');
    } catch (error) {
        return angular.module('App', modules);
    }
}());

Also I've tried to include only 

//import 'syncfusion-javascript/Scripts/ej/web/ej.web.all.min.js';
//import 'syncfusion-javascript/Scripts/ej/common/ej.unobtrusive.min.js';
import 'syncfusion-javascript/Scripts/ej/common/ej.widget.angular.min.js';
 
 
 
const modules = [
    angularSanitize,
    'ngToast', 
    'ngRoute',  
    'ui.bootstrap',
    'ngLocationUpdate',
    'ui-notification',
    angularLoadingBar,
    'ui.bootstrap',
    LocalStorageModule,
    'angular-click-outside',
    'ejangular'
];
 
export default (function() {
    try {
        return angular.module('App');
    } catch (error) {
        return angular.module('App', modules);
    }
}());

And the rest scripts load separately, the same result.

Any ideas how to solve compiling angular app with syncfusion using gulp?

Regards,

Martin Rasovsky

[Sellakumar]

Hi Martin, 

 

Thanks for contacting Syncfusion support. 

 

We had prepared the sample based on your scenario “Angular App build in Gulp”, which can be downloaded from the following location. 

 

Download 

 

Steps to Run: 

 

1.       First install node package using the command “npm install” inside project directory. 

2.       Next install gulp using the command “npm install gulp -g” in same directory. 

3.       After installation gets complete, run the “gulp clean” command to clean the directory. 

4.       Now, run the “gulp copy” command to copy the Syncfusion themes and scripts to dist directory. 

5.       Finally, run the “gulp dev” command to launch the application from dist directory. 

 

Kindly revert us, if you need any further assistance. 

 

Regards, 

Sellakumar K