Merge pull request #12 from code-dot-org/webpack4

re-apply Upgrade to webpack 4

Author: Hamms

.gitignore

@@ -39,7 +39,7 @@ Icon?
 /.cake_task_cache
 
 # Build files
-/lib
+/dist
 /demo/dist
 
 # VScode settings

package.json

@@ -2,14 +2,11 @@
   "name": "@code-dot-org/maze",
   "version": "1.1.0",
   "description": "standalone project for the Maze app type",
-  "files": [
-    "lib/maze.js"
-  ],
-  "main": "lib/maze.js",
+  "main": "dist/main.js",
   "scripts": {
     "build": "webpack -p",
-    "build:dev": "webpack --progress --colors",
-    "build:demo": "webpack --config demo/webpack.config.js",
+    "build:dev": "webpack --progress --colors --mode=development",
+    "build:demo": "webpack --config demo/webpack.config.js -p",
     "lint": "eslint --ext .js src/ test",
     "postversion": "git push && git push --tags && npm publish",
     "preversion": "npm run test",
@@ -29,7 +26,7 @@
     "babel-core": "^6.26.0",
     "babel-eslint": "^8.0.3",
     "babel-jest": "^22.1.0",
-    "babel-loader": "^7.1.2",
+    "babel-loader": "^7.1.4",
     "babel-plugin-add-module-exports": "^0.2.1",
     "babel-plugin-transform-class-properties": "^6.23.0",
     "babel-plugin-transform-es2015-classes": "^6.9.0",
@@ -38,12 +35,11 @@
     "codecov": "^3.0.0",
     "eslint": "^3.19.0",
     "eslint-plugin-babel": "^4.1.2",
-    "file-loader": "^1.1.6",
-    "html-webpack-plugin": "^2.30.1",
+    "file-loader": "^1.1.11",
+    "html-webpack-plugin": "^3.2.0",
     "jest": "^22.1.3",
-    "prop-types": "^15.6.0",
-    "webpack": "^3.8.1",
-    "webpack-dev-server": "^2.9.5"
+    "webpack": "^4.8.1",
+    "webpack-cli": "^2.1.3"
   },
   "jest": {
     "coverageDirectory": "./coverage/",

webpack.config.js

@@ -1,28 +1,11 @@
-const path = require("path");
-const name = "maze";
-
 module.exports = {
-  entry: './src/index.js',
   output: {
-    path: path.resolve(__dirname, "lib"),
-    filename: name + ".js",
-    library: name,
     libraryTarget: 'umd',
-    umdNamedDefine: true
   },
-  target: 'node',
   module: {
     rules: [{
       test: /\.js$/,
       loader: "babel-loader",
     }]
   },
-  resolve: {
-    extensions: [".js"],
-  },
-  stats: {
-    colors: true
-  },
-  devtool: 'source-map',
-  devServer: { inline: true }
 };