Upgrade to webpack 4

client/package.json

@@ -48,14 +48,14 @@
     "@types/video.js": "6.2.4",
     "@types/webtorrent": "^0.98.4",
     "angular2-notifications": "^0.9.6",
-    "awesome-typescript-loader": "3.4.1",
+    "awesome-typescript-loader": "4.0.1",
     "bootstrap-sass": "^3.3.7",
     "codelyzer": "^4.0.2",
     "core-js": "^2.4.1",
     "css-loader": "^0.28.4",
-    "extract-text-webpack-plugin": "^3.0.2",
+    "extract-text-webpack-plugin": "4.0.0-beta.0",
     "file-loader": "^1.1.5",
-    "html-webpack-plugin": "^2.19.0",
+    "html-webpack-plugin": "^3.2.0",
     "linkifyjs": "^2.1.5",
     "lodash-es": "^4.17.4",
     "markdown-it": "^8.4.0",
@@ -81,8 +81,9 @@
     "video.js": "^6.7.3",
     "videojs-dock": "^2.0.2",
     "videojs-hotkeys": "^0.2.21",
-    "webpack": "^3.3.0",
+    "webpack": "^4.5.0",
     "webpack-bundle-analyzer": "^2.9.1",
+    "webpack-cli": "^2.0.14",
     "webtorrent": "^0.98.0",
     "zone.js": "~0.8.5"
   }

client/webpack/webpack.video-embed.js

@@ -99,7 +99,7 @@ module.exports = function () {
 
     plugins: [
       new ExtractTextPlugin({
-        filename: '[name].[contenthash].css'
+        filename: '[name].[hash].css'
       }),
 
       new PurifyCSSPlugin({
@@ -135,6 +135,11 @@ module.exports = function () {
       })
     ],
 
+    performance: {
+      maxEntrypointSize: 600000, // 600kB
+      maxAssetSize: 600000
+    },
+
     node: {
       global: true,
       crypto: 'empty',

scripts/build/client.sh

@@ -7,4 +7,4 @@ cd client
 rm -rf ./dist ./compiled
 
 npm run ng build -- --prod --stats-json
-NODE_ENV=production npm run webpack -- --config webpack/webpack.video-embed.js
+NODE_ENV=production npm run webpack -- --config webpack/webpack.video-embed.js --mode production