Aurelia-CLI

This section describes the process of "provisioning the application" as defined here

  1. Follow these instructions to install Kendo-UI. In summary, you need to run the command

    jspm install npm:@progress/kendo-ui
  2. Install jquery: npm install jquery --save

  3. Add the following stylesheets to the head section of `index.html:

     <link rel="stylesheet" href="node_modules/@progress/kendo-ui/css/web/kendo.common.core.min.css">
     <link rel="stylesheet" href="node_modules/@progress/kendo-ui/css/web/kendo.default.min.css">
  4. Open aurelia_project/aurelia.json and append the following configuration to the dependencies section of the vendor-bundle:

    "jquery",
    {
     "name": "kendo",
     "path": "../node_modules/@progress/kendo-ui/",
     "resources": [
       "js/kendo.button.js"
     ]
    },

    Everything in the resources property will be added to the bundle. If you do not declare the controls that you use, RequireJS will fetch them at runtime, which might cause issues during deployment

  5. Kendo controls can be loaded as follows:

    import 'kendo/js/kendo.datepicker';
  6. Warning: The error you get during the tracing process of au run is expected and harmless. More can be read in this issue

Last updated