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.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Angular App with syncfuison - how to build with gulp

Thread ID:

Created:

Updated:

Platform:

Replies:

128024 Dec 27,2016 01:47 PM UTC Jan 3,2017 01:42 PM UTC JavaScript 1
loading
Tags: General
Martin R
Asked On December 27, 2016 01:47 PM UTC

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 [Syncfusion]
Replied On 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

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;