02 Client Side Dependencies with NPM (package.json)

Here I'm adding a package.json file to bring in 3rd party libraries needed to build my application. I go over the difference between devdependencies and dependencies, and introduce you to what a task runner is and the one I'll be using throughout this tutorial

package.json:
{
"version": "1.0.0",
"name": "angulartutorial",
"private": true,
"dependencies": {
"@angular/common": "4.2.3",
"@angular/compiler": "4.2.3",
"@angular/core": "4.2.3",
"@angular/platform-browser": "4.2.3",
"@angular/platform-browser-dynamic": "4.2.3",
"@angular/forms": "4.2.3",
"@angular/http": "4.2.3",
"@angular/router": "4.2.3",
"rxjs": "5.4.0",
"zone.js": "0.8.12",
"core-js": "2.4.1",
"reflect-metadata": "0.1.10",
"jquery": "3.2.1",
"bootstrap-sass": "3.3.7",
"bootswatch-scss": "3.2.0",
"font-awesome": "4.7.0"
},
"devDependencies": {
"@types/core-js": "0.9.41",
"@types/node": "8.0.0",
"typescript": "2.4.0",
"webpack": "2.6.1",
"ts-loader": "2.1.0",
"angular-router-loader": "0.6.0",
"html-webpack-plugin": "2.28.0",
"html-minify-loader": "1.2.0",
"file-loader": "0.11.2",
"node-sass": "4.5.3",
"sass-loader": "6.0.6",
"css-loader": "0.28.4",
"extract-loader": "0.1.0",
"raw-loader": "0.5.1",
"clean-webpack-plugin": "0.1.16",
"webpack-notifier": "1.5.0"
}
}
+