Introduction | Example: Aurelia application development process using Monterey

NPM dependencies management

The next step in our demonstration of Monterey is to engage the NPM manager tile as shown below.

Image 1

Our application depends on many javascript packages that are used on the process of application and the file package.json defines these dependencies:

    ...
    "devDependencies": {
        "aurelia-bundler": "^0.4.0",
        "aurelia-tools": "^0.2.3",
        "babel-core": "^6.10.4",
        "babel-eslint": "^6.0.5",
        "babel-plugin-syntax-flow": "^6.8.0",
        "babel-plugin-transform-decorators-legacy": "^1.3.4",
        "babel-plugin-transform-es2015-modules-amd": "^6.8.0",
        "babel-plugin-transform-es2015-modules-commonjs": "^6.10.3",
        "babel-plugin-transform-es2015-modules-systemjs": "^6.9.0",
        "babel-plugin-transform-flow-strip-types": "^6.8.0",
        "babel-preset-es2015": "^6.9.0",
        "babel-preset-es2015-loose": "^7.0.0",
        "babel-preset-stage-1": "^6.5.0",
        "browser-sync": "^2.13.0",
        "conventional-changelog": "1.1.0",
        "del": "^2.2.1",
        "gulp": "^3.9.1",
        "gulp-babel": "^6.1.2",
        "gulp-bump": "^2.1.0",
        "gulp-changed": "^1.3.0",
        "gulp-eslint": "^2.0.0",        
        ...

Click on Monterey's NPM tile invokes the NPM API which analyzes the package.json file. Monterey renders this information in the following table.

Image 2

Next, click on the Install button to initiate the creation of the node_modules folder.

Image 3

This demo continues on the next page JSPM dependencies management