This is a migrated thread and some comments may be shown as answers.

Building custom Kendo UI Professional JS with Gulp

3 Answers 303 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Fillip
Top achievements
Rank 1
Fillip asked on 30 Oct 2016, 02:29 AM

Hello!

I've been researching how to better incorporate Kendo into our Gulp/NPM workflow. Here's what I'm trying to do:

1) Include Kendo in my project's package.json file
2) npm install to get the latest
3) Run a gulp task to get my custom version of Kendo JS
4) Use this file in my project

I started here to get the kendo professional NPM package. I was able to get them with this npm command:

npm install --save-dev git+https://username:password@bower.telerik.com/npm-kendo-ui.git

 

I got the npm package just fine, but noticed there is no gulpfile.js that I could run the task gulp custom -c widgetA, widgetB, based on this documentationI did some more digging and found that downloading the source code from the Downloads page includes the gulpfile, which I was able to gulp custom from.

I was also seeing some threads hinting around the idea, here. Foundation makes it very easy to build my own js package with their NPM package/files. I was hoping I could easily build my own files too.

Any ideas how I can build a custom version of Kendo Professional JS with the NPM package? Either through Kendo's gulp task or my own gulp task. Thanks!

Fillip

3 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 01 Nov 2016, 03:08 PM
Hello Fillip,

Thank you for the suggestion.

Our NPM packages are distributing modules, not the source files which are needed for Gulp.

Gulp is using the source files and it is not intended to be used with the NPM packages.

We recommend using the NPM packages and bundling them using Webpack:

http://docs.telerik.com/kendo-ui/third-party/webpack#webpack 

Let me know if you need additional information on this matter.

Regards,
Stefan
Telerik by Progress
 
Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
 
0
Fillip
Top achievements
Rank 1
answered on 01 Nov 2016, 04:01 PM
That makes more sense. I haven't used webpack before and the example on the provided webpack page is pretty sparse. How could I build a custom kendo.custom.js with gulp and gulp-webpack?
0
Stefan
Telerik team
answered on 03 Nov 2016, 07:50 AM
Hello Fillip,

We do not have a special task in Webpack which can build a custom js files, these tasks have to be implemented by the developers as they are specific.

Another approach which can be used to build a custom script files with Gulp is to retrieve the latest Kendo UI version from Bower packages:

http://docs.telerik.com/kendo-ui/intro/installation/bower-install

These are the possible approaches in the described workflow.

Regards,
Stefan
Telerik by Progress
 
Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
 
Tags
General Discussions
Asked by
Fillip
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Fillip
Top achievements
Rank 1
Share this question
or