Update config to use latest packages

Author: Andrew Welch

buildchain/webpack-configs/app.config.js

@@ -27,6 +27,9 @@ module.exports = (type = 'modern', settings) => {
                 path.resolve(__dirname, '../node_modules'),
             ],
         },
+        stats: {
+            colors: true,
+        },
     });
     // configs
     const configs = {

buildchain/webpack-configs/dev-server.config.js

@@ -12,8 +12,13 @@ module.exports = (type = 'modern', settings) => {
     // common config
     const common = () => ({
         devServer: {
-            contentBase: path.resolve(__dirname, settings.contentBase()),
-            disableHostCheck: true,
+            client: {
+                progress: false,
+            },
+            dev: {
+                publicPath: '/',
+            },
+            firewall: false,
             headers: {
                 'Access-Control-Allow-Origin': '*'
             },
@@ -23,11 +28,13 @@ module.exports = (type = 'modern', settings) => {
             overlay: true,
             port: settings.port(),
             public: settings.public(),
-            publicPath: '/',
-            watchContentBase: true,
-            watchOptions: {
-                poll: !!parseInt(settings.poll()),
-                ignored: /node_modules/,
+            static: {
+                directory: path.resolve(__dirname, settings.contentBase()),
+                publicPath: '/',
+                watch: {
+                    poll: !!parseInt(settings.poll()),
+                    ignored: /node_modules/,
+                },
             },
         },
         devtool: false,
@@ -48,7 +55,6 @@ module.exports = (type = 'modern', settings) => {
                 exclude: /\.(pcss|css)($|\?)/i,
             }),
         ],
-        target: 'web',
     });
     // configs
     const configs = {

buildchain/webpack-configs/manifest.config.js

@@ -2,14 +2,14 @@
 // returns a webpack config object for the manifest plugin
 
 // webpack plugins
-const ManifestPlugin = require('webpack-manifest-plugin');
+const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
 
 // return a webpack config
 module.exports = (type = 'modern', settings) => {
     // common config
     const common = (filename) => ({
         plugins: [
-            new ManifestPlugin({
+            new WebpackManifestPlugin({
                     fileName: filename,
                     basePath: settings.basePath,
                     map: (file) => {