Building custom Kendo UI Professional JS with Gulp

[Fillip]

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:[e-mail]/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 documentation. I 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

[Stefan]

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

 

 

[Fillip]

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?

[Stefan]

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