CLI based Navigation Skeletons | Specific transformations

Navigation esnext

Step 1 - copy all original source files

Copy all highlighted files from the skeleton-esnext folder from most current release of skeleton-navigation into this src folder.

Content of the src folder

Step 2 - copy original styles folder

Copy the whole styles folder from most current release of skeleton-navigation into this root folder.

Step 3 - update index.html

Add the line

<link rel="stylesheet" href="styles/styles.css">

into the index.html file - at this location.

Step 4 - add third party libraries

npm install bootstrap --save
npm install [email protected] --save
npm install aurelia-fetch-client --save
npm install whatwg-fetch --save;

Step 5 update vendor-bundle section of aurelia.json file.

Note: this step makes use of the Preliminary CLI API by using the reference to vendor-bundle section

5.1. Add "aurelia-fetch-client" after this line

5.2 Add jQuery, fetch and whatwg-fetch

      "jquery",
       {
         "name": "bootstrap",
         "path": "../node_modules/bootstrap/dist",
         "main": "js/bootstrap.min",
         "deps": ["jquery"],
         "exports": "$",
         "resources": [
           "css/bootstrap.css"
         ]
       },
       {
         "name": "fetch",
         "path": "../node_modules/whatwg-fetch",
         "main": "fetch"
       }

after this line.