build(webpack): pack extension with filemanager-webpack-plugin inst…

…ead `zip-webpack-plugin`

`zip-webpack-plugin` incompatible with `file-loader`
also `zip-webpack-plugin` less popular than `filemanager-webpack-plugin`, and not maintained 3 years

package.json

@@ -66,6 +66,7 @@
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-react": "^7.21.4",
     "eslint-plugin-react-hooks": "^4.1.2",
+    "filemanager-webpack-plugin": "^3.0.0-alpha.7",
     "fork-ts-checker-webpack-plugin": "^6.0.1",
     "html-webpack-plugin": "^4.5.0",
     "mini-css-extract-plugin": "^1.3.1",
@@ -82,7 +83,6 @@
     "webpack-cli": "^4.2.0",
     "webpack-extension-reloader": "^1.1.4",
     "wext-manifest-loader": "^2.2.1",
-    "wext-manifest-webpack-plugin": "^1.2.1",
-    "zip-webpack-plugin": "^3.0.0"
+    "wext-manifest-webpack-plugin": "^1.2.1"
   }
 }

webpack.config.js

@@ -1,6 +1,6 @@
 const path = require('path');
 const webpack = require('webpack');
-const ZipPlugin = require('zip-webpack-plugin');
+const FilemanagerPlugin = require('filemanager-webpack-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
@@ -192,10 +192,19 @@ module.exports = {
           preset: ['default', {discardComments: {removeAll: true}}],
         },
       }),
-      new ZipPlugin({
-        path: destPath,
-        extension: `${getExtensionFileType(targetBrowser)}`,
-        filename: `${targetBrowser}`,
+      new FilemanagerPlugin({
+        events: {
+          onEnd: {
+            archive: [
+              {
+                format: 'zip',
+                source: path.join(destPath, targetBrowser),
+                destination: `${path.join(destPath, targetBrowser)}.${getExtensionFileType(targetBrowser)}`,
+                options: {zlib: {level: 6}},
+              },
+            ],
+          },
+        },
       }),
     ],
   },