Building custom Kendo UI Professional JS with Gulp

4 posts, 0 answers
  1. Fillip
    Fillip avatar
    10 posts
    Member since:
    Nov 2013

    Posted 29 Oct Link to this post

    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

  2. Stefan
    Admin
    Stefan avatar
    265 posts

    Posted 01 Nov Link to this post

    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.
     
  3. Kendo UI is VS 2017 Ready
  4. Fillip
    Fillip avatar
    10 posts
    Member since:
    Nov 2013

    Posted 01 Nov in reply to Stefan Link to this post

    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?
  5. Stefan
    Admin
    Stefan avatar
    265 posts

    Posted 03 Nov Link to this post

    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.
     
Back to Top
Kendo UI is VS 2017 Ready