We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Angular App with syncfuison - how to build with gulp

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

1 Reply

SE Sellakumar Syncfusion Team January 3, 2017 01:42 PM UTC

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. 
 
 
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

Loader.
Live Chat Icon For mobile
Up arrow icon