update package dependencies

package.json

@@ -26,20 +26,19 @@
   },
   "homepage": "https://github.com/zombieFox/nightTab#readme",
   "devDependencies": {
-    "copy-webpack-plugin": "^6.4.1",
+    "copy-webpack-plugin": "^9.0.1",
-    "css-loader": "^5.2.5",
+    "css-loader": "^6.3.0",
     "css-minimizer-webpack-plugin": "^3.0.2",
-    "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.3.1",
     "mini-css-extract-plugin": "^2.2.0",
     "moment": "^2.29.1",
     "sortablejs": "^1.13.0",
-    "style-loader": "^2.0.0",
+    "style-loader": "^3.3.0",
     "terser-webpack-plugin": "^5.1.4",
     "webfontloader": "^1.6.28",
     "webpack": "^5.37.1",
     "webpack-cli": "^4.7.0",
-    "webpack-dev-server": "^3.11.2",
+    "webpack-dev-server": "^4.2.1",
     "webpack-merge": "^5.8.0",
     "zip-webpack-plugin": "^4.0.1"
   }

readme.md

@@ -25,7 +25,7 @@ A neutral new tab page accented with a chosen colour. Customise the layout, styl
 When developing use:
 - `npm start`
 
-A development server will run on `http://localhost:5000/`
+A development server will automatically open the project in your browser. Normally here: `http://localhost:8080`.
 
 
 To build the project use:

webpack.common.js

@@ -17,18 +17,16 @@ module.exports = {
       use: ['style-loader', 'css-loader']
     }, {
       test: /\.(ttf|woff|woff2)$/,
-      use: {
+      type: 'asset/resource',
-        loader: 'file-loader',
+      generator: {
-        options: {
+        filename: 'font/[name][ext]',
-          name: '[name].[ext]',
-          outputPath: 'font/'
-        }
       }
     }, {
       test: /\.(jpe?g|png|gif|svg)$/i,
-      use: [{
+      type: 'asset/resource',
-        loader: 'file-loader',
+      generator: {
-      }]
+        filename: 'image/[name][ext]',
+      }
     }]
   },
   plugins: [

webpack.dev.js

@@ -3,9 +3,5 @@ const common = require('./webpack.common.js');
 
 module.exports = merge(common, {
   mode: 'development',
-  devtool: 'inline-source-map',
+  devtool: 'inline-source-map'
-  devServer: {
-    port: 5000,
-    watchContentBase: true
-  }
 });