Upgrading webpack loaders and few other things

Author: hardikkaji

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angularjs-es6-starter-kit",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "AngularJS aka Angular 1, ES6, Webpack Starter Kit Project which includes Bootstrap 4 also.",
   "main": "index.js",
   "scripts": {
@@ -22,17 +22,17 @@
     "babel-plugin-transform-es2015-arrow-functions": "6.22.0",
     "babel-preset-es2015": "6.24.1",
     "clean-webpack-plugin": "3.0.0",
-    "css-loader": "0.28.4",
-    "express": "^4.16.4",
+    "css-loader": "5.2.6",
+    "css-minimizer-webpack-plugin": "^3.0.1",
+    "express": "4.17.1",
     "file-loader": "6.2.0",
     "html-loader": "2.1.2",
     "html-webpack-plugin": "5.3.1",
     "mini-css-extract-plugin": "1.6.0",
-    "ng-annotate-loader": "0.6.1",
-    "node-sass": "4.5.3",
-    "optimize-css-assets-webpack-plugin": "6.0.0",
-    "sass-loader": "6.0.6",
-    "style-loader": "^0.23.1",
+    "ng-annotate-loader": "0.7.0",
+    "node-sass": "6.0.0",
+    "sass-loader": "12.0.0",
+    "style-loader": "2.0.0",
     "terser-webpack-plugin": "5.1.3",
     "url-loader": "4.1.1",
     "webpack": "5.38.1",
@@ -42,9 +42,9 @@
   "dependencies": {
     "angular": "1.8.2",
     "angular-ui-router": "1.0.29",
-    "bootstrap": "4.3.1",
+    "bootstrap": "4.6.0",
     "font-awesome": "4.7.0",
-    "jquery": "3.3.1",
-    "popper.js": "1.14.7"
+    "jquery": "3.6.0",
+    "popper.js": "1.16.1"
   }
 }

webpack.config.js

@@ -2,7 +2,7 @@ const webpack = require('webpack');
 const path = require('path');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
-const OptimizeCssAssetsWebpackPlugin = require('optimize-css-assets-webpack-plugin');
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const TerserPlugin = require("terser-webpack-plugin");
 const devMode = process.env.NODE_ENV !== 'production'
@@ -30,7 +30,7 @@ const config = {
 				test: /\.(scss)$/,
 				use: [
 					devMode ? { loader: "style-loader" } : MiniCssExtractPlugin.loader,
-					{ loader: "css-loader", options: { minimize: true } },
+					{ loader: "css-loader" },
 					{ loader: "sass-loader" }
 				]
 			},
@@ -65,7 +65,7 @@ const config = {
 		minimize: true,
 		minimizer: [
 			new TerserPlugin(),
-			new OptimizeCssAssetsWebpackPlugin({})
+			new CssMinimizerPlugin()
 		]
 	},
 	plugins: [