create bundle size analysis on build

I think there is room for improvements in distribution bundle size,
as zxing is currently distributed directly here as UMD.
We could possible be in better situation if we could use @zxing/library
 which is released as ESM modules nowadays.

As a helper for that possible endeavour this [webpack-bundle-analyzer](https://www.npmjs.com/package/webpack-bundle-analyzer)
 plugin creates a static HTML page to dist/report.html during build.

Author: Snurppa

package-lock.json

@@ -80,6 +80,7 @@
     "typescript": "^4.3.2",
     "typings": "^2.1.1",
     "webpack": "^5.37.0",
+    "webpack-bundle-analyzer": "^4.9.0",
     "webpack-cli": "^4.7.0"
   },
   "remarkConfig": {

package.json

@@ -1,4 +1,6 @@
 const path = require("path");
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+
 
 module.exports = {
     // bundling mode
@@ -7,13 +9,13 @@ module.exports = {
     entry: "./src/index.ts",
     // output bundles (location)
     output: {
-        path: path.resolve( __dirname, "dist" ),
+        path: path.resolve(__dirname, "dist"),
         filename: "html5-qrcode.min.js",
         library: "__Html5QrcodeLibrary__",
     },
     // file resolutions
     resolve: {
-        extensions: [ ".ts", ".js" ],
+        extensions: [".ts", ".js"],
     },
     target: "web",
     module: {
@@ -28,5 +30,10 @@ module.exports = {
     optimization: {
         minimize: true,
         usedExports: true
-    }
+    },
+    plugins: [
+        new BundleAnalyzerPlugin({
+            analyzerMode: "static"
+        })
+    ]
 };