webpack4

package.json

@@ -35,14 +35,14 @@
     "@types/riot": "^3.6.1",
     "@types/xdate": "^0.8.28",
     "babel-core": "^6.26.0",
-    "babel-loader": "^7.1.2",
+    "babel-loader": "^7.1.4",
     "babel-plugin-transform-async-to-generator": "^6.24.1",
     "babel-preset-es2015": "^6.24.1",
     "bootstrap": "^4.0.0-beta.2",
     "cpx": "^1.5.0",
-    "css-loader": "^0.28.7",
+    "css-loader": "^0.28.11",
     "fetch-defaults": "^1.0.0",
-    "file-loader": "^1.1.5",
+    "file-loader": "^1.1.11",
     "jquery": "^3.2.1",
     "node-dev": "^3.1.3",
     "npm-run-all": "^4.1.3",
@@ -54,12 +54,13 @@
     "reactstrap": "^5.0.0-alpha.4",
     "riot": "^3.7.4",
     "riot-tag-loader": "^1.0.0",
-    "style-loader": "^0.19.0",
-    "ts-loader": "^3.2.0",
+    "style-loader": "^0.21.0",
+    "ts-loader": "^4.3.0",
     "typescript": "^2.6.2",
     "uglifyjs-webpack-plugin": "^1.1.6",
-    "webpack": "^3.10.0",
-    "webpack-dev-server": "2",
+    "webpack": "^4.8.3",
+    "webpack-cli": "^2.1.3",
+    "webpack-dev-server": "^3.1.4",
     "xdate": "^0.8.2"
   },
   "dependencies": {

webpack.config.js

@@ -3,6 +3,8 @@ const UglifyJsPlugin = require("uglifyjs-webpack-plugin")
 const isProduction = process.env.NODE_ENV == "production"
 
 module.exports = {
+    mode: isProduction ? "production": "development",
+
     entry: "./src/client/index.ts",
     output: {
         path: __dirname+"/dist/client",
@@ -26,7 +28,7 @@ module.exports = {
         })
     ],
     module: {
-        loaders: [
+        rules: [
             {test: /\.css$/, loader: 'style-loader!css-loader'},
             {test: /\.(woff2?|ttf|eot|svg)$/, loader: 'file-loader'},
             {test: /\.tsx?$/, loader: isProduction ? 'babel-loader!ts-loader' : 'ts-loader'},