updated webpack terser options

Author: mrin9

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rapidoc",
-  "version": "8.4.9-beta-1",
+  "version": "8.4.9",
   "description": "RapiDoc - Open API spec viewer with built in console",
   "author": "Mrinmoy Majumdar <[email protected]>",
   "repository": {
@@ -39,6 +39,7 @@
     "build": "NODE_ENV=production webpack --mode=production",
     "build_windows": "set NODE_ENV='production'&&webpack --mode=production",
     "serve": "webpack serve --mode=development",
+    "serve-prod": "webpack serve --mode=production",
     "serve1": "node --trace-deprecation ./node_modules/webpack/bin/webpack serve",
     "lint": "./node_modules/eslint/bin/eslint.js ./src/**",
     "lint-fix": "./node_modules/eslint/bin/eslint.js --fix ./src/**"
@@ -62,6 +63,7 @@
     "html-webpack-plugin": "^5.3.1",
     "inspectpack": "^4.6.1",
     "style-loader": "^2.0.0",
+    "terser-webpack-plugin": "^5.1.1",
     "webpack": "^5.25.0",
     "webpack-bundle-analyzer": "^4.4.0",
     "webpack-cli": "^4.5.0",

webpack.config.js

@@ -17,15 +17,20 @@ const CompressionPlugin = require('compression-webpack-plugin');
 const { DuplicatesPlugin } = require('inspectpack/plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const TerserPlugin = require('terser-webpack-plugin');
 const path = require('path');
 // const ESLintPlugin = require('eslint-webpack-plugin');
 
-const VERSION = JSON.stringify(require('./package.json').version).replace(/"/g, '');
+const rapidocVersion = JSON.stringify(require('./package.json').version).replace(/"/g, '');
 
-const BANNER = `RapiDoc ${VERSION.replace()} - WebComponent to View OpenAPI docs
-License: MIT
-Repo   : https://github.com/mrin9/RapiDoc
-Author : Mrinmoy Majumdar`;
+const rapidocBanner = `
+/**
+* @preserve
+* RapiDoc ${rapidocVersion.replace()} - WebComponent to View OpenAPI docs
+* License: MIT
+* Repo   : https://github.com/mrin9/RapiDoc
+* Author : Mrinmoy Majumdar
+*`;
 
 const commonPlugins = [
   new webpack.ProvidePlugin({ Buffer: ['buffer', 'Buffer'] }),
@@ -62,8 +67,11 @@ if (process.env.NODE_ENV === 'production') {
   console.log('BUILDING FOR PRODUCTION ... '); // eslint-disable-line no-console
   commonPlugins.push(new BundleAnalyzerPlugin({ analyzerMode: 'static' }));
   commonPlugins.push(new DuplicatesPlugin({ emitErrors: false, verbose: true }));
-  commonPlugins.push(new webpack.BannerPlugin(BANNER));
-  commonPlugins.push(new webpack.DefinePlugin({ VERSION }));
+  commonPlugins.push(new webpack.BannerPlugin({
+    raw: true,
+    banner: rapidocBanner,
+  }));
+  // commonPlugins.push(new webpack.DefinePlugin({ VERSION }));
   commonPlugins.push(new FileManagerPlugin({
     events: {
       onEnd: {
@@ -85,6 +93,16 @@ module.exports = {
     filename: 'rapidoc-min.js',
     publicPath: '',
   },
+  optimization: {
+    minimizer: [
+      new TerserPlugin({
+        extractComments: {
+          condition: /^\**!|@preserve|@license|@cc_on/i,
+          banner: (licenseFile) => `RapiDoc ${rapidocVersion} - License information can be found in ${licenseFile}`,
+        },
+      }),
+    ],
+  },
   devServer: {
     contentBase: path.join(__dirname, 'docs'),
     port: 8080,