From a6d3ac647b144341bedb1221fe65f0abd3d574d5 Mon Sep 17 00:00:00 2001
From: David Mehren <dmehren1@gmail.com>
Date: Tue, 3 Jul 2018 22:47:50 +0200
Subject: [PATCH] Upgrade to Webpack 4 - fix 'export as html' chunk

Signed-off-by: David Mehren <dmehren1@gmail.com>
---
 webpack.production.js | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/webpack.production.js b/webpack.production.js
index 22093b1bd..673875835 100644
--- a/webpack.production.js
+++ b/webpack.production.js
@@ -1,8 +1,7 @@
 var baseConfig = require('./webpackBaseConfig')
 var webpack = require('webpack')
 var path = require('path')
-var ExtractTextPlugin = require('extract-text-webpack-plugin')
-var OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin')
+const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin')
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 
@@ -35,6 +34,9 @@ module.exports = [Object.assign({}, baseConfig, {
     // baseUrl: '<%- url %>'
   }
 }), {
+  // This Chunk is used in the 'save as html' feature.
+  // It is embedded in the html file and contains CSS for styling.
+
   entry: {
     htmlExport: path.join(__dirname, 'public/js/htmlExport.js')
   },
@@ -50,10 +52,17 @@ module.exports = [Object.assign({}, baseConfig, {
         'NODE_ENV': JSON.stringify('production')
       }
     }),
-    new ExtractTextPlugin('html.min.css'),
-    new OptimizeCssAssetsPlugin(),
-    new MiniCssExtractPlugin()
+    new MiniCssExtractPlugin({
+      filename: 'html.min.css'
+    })
   ],
+
+  optimization: {
+    minimizer: [
+      new OptimizeCSSAssetsPlugin({})
+    ]
+  },
+
   module: {
     rules: [{
       test: /\.css$/,