Add readme. Update packages and webpack.

README.md

@@ -0,0 +1,21 @@
+Canvas Boilerplate is the go-to solution for quickly creating modern canvas pieces using ES6 and webpack.
+
+## Getting Started
+
+1.  Clone the repo:
+
+        git clone https://github.com/christopher4lis/canvas-boilerplate.git
+
+2.  Install dependencies:
+
+        yarn
+
+    or
+
+        npm install
+
+3.  Run webpack:
+
+        npm start
+
+Your canvas piece should open up automatically at http://localhost:3000 and you should see 'HTML CANVAS BOILERPLATE' on hover.

package.json

@@ -4,22 +4,24 @@
   "description": "",
   "main": "webpack.config.js",
   "scripts": {
+    "start": "webpack --config webpack.config.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "gsap": "^1.19.1"
+    "gsap": "^2.0.1"
   },
   "devDependencies": {
-    "babel-core": "^6.24.1",
-    "babel-loader": "^7.0.0",
-    "babel-preset-env": "^1.4.0",
-    "browser-sync": "^2.18.8",
-    "browser-sync-webpack-plugin": "^1.1.4",
+    "babel-core": "^6.26.3",
+    "babel-loader": "^7.1.4",
+    "babel-preset-env": "^1.7.0",
+    "browser-sync": "^2.24.4",
+    "browser-sync-webpack-plugin": "^2.2.2",
     "html-webpack-plugin": "^3.2.0",
     "prettier": "^1.13.5",
-    "webpack": "^2.5.1"
+    "webpack": "^4.12.0",
+    "webpack-cli": "^3.0.7"
   }
 }