Angular Intro

This is a short into to the Angular ecosystem and how it works. The goal is to get you to the point of a running application that uses most of the pieces needed to build a fully functional application.

We are going to be using the angular-cli to scaffold out the structure of our applciation, before we get started we are going to need to make sure we have a few tools installed.


The first thing we are going to need is node.js. If you don't have it I recommend getting it directly from If you do have it, make sure you are using at least the most up to date long term support version (6.10 as of 05/09/17). If not, you can either update directly, or use nvm for mac/linux or nvm-windows (a seperate project) for windows if you need to keep an older version of node for work.

Next we are going to want to make sure npm (node's package

View webpack.js
// webpack.config.js
const productionConfig = () => merge([
use: [
loader: 'css-loader',
module: true
}, {
loader: 'sass-loader',