Update webpack (#430)

* Update webpack

* also install dev dependencies in CI

* Add rimraf

* fix added whitespace

* Clarify node warnings and NPM compatibility

README.md

@@ -65,7 +65,8 @@ We provide detailed documentation and examples for using the CLI in our help cen
 
 **Requirements**
 
-- [Node.js](https://nodejs.org) v16.13.1 or greater
+- [Node.js](https://nodejs.org) v16.13.1.
+  - Testing is done against Node 16, other versions may work, but are not guaranteed.
 - NPM v8
 
 **Run the app**

package.json

@@ -61,20 +61,21 @@
     "@types/papaparse": "^5.2.5",
     "@types/tldjs": "^2.3.0",
     "@types/zxcvbn": "^4.4.1",
-    "clean-webpack-plugin": "^3.0.0",
+    "clean-webpack-plugin": "^4.0.0",
-    "copy-webpack-plugin": "^6.4.0",
+    "copy-webpack-plugin": "^10.2.0",
     "cross-env": "^7.0.3",
     "husky": "^7.0.4",
     "lint-staged": "^12.1.3",
     "pkg": "^5.5.1",
     "prettier": "^2.5.1",
+    "rimraf": "^3.0.2",
     "ts-loader": "^8.2.0",
-    "tsconfig-paths-webpack-plugin": "^3.5.1",
+    "tsconfig-paths-webpack-plugin": "^3.5.2",
     "tslint": "^6.1.3",
     "tslint-loader": "^3.5.4",
     "typescript": "4.1.5",
-    "webpack": "^4.46.0",
+    "webpack": "^5.65.0",
-    "webpack-cli": "^4.7.0",
+    "webpack-cli": "^4.9.1",
     "webpack-node-externals": "^3.0.0"
   },
   "dependencies": {
@@ -97,7 +98,8 @@
     "zxcvbn": "^4.4.2"
   },
   "engines": {
-    "node": ">=16"
+    "node": "~16",
+    "npm": ">=7 <=8"
   },
   "lint-staged": {
     "*.{js,css,md}": "prettier --write"

webpack.config.js

@@ -18,7 +18,7 @@ const moduleRules = [
   },
   {
     test: /\.ts$/,
-    loaders: ["ts-loader"],
+    use: "ts-loader",
     exclude: path.resolve(__dirname, "node_modules"),
   },
 ];
@@ -35,7 +35,10 @@ const plugins = [
     banner: "#!/usr/bin/env node",
     raw: true,
   }),
-  new webpack.IgnorePlugin(/^encoding$/, /node-fetch/),
+  new webpack.IgnorePlugin({
+    resourceRegExp: /^encoding$/,
+    contextRegExp: /node-fetch/,
+  }),
 ];
 
 const config = {