refactor(vendor): use bundle analyzer plugin instead of stats to generate docs

Author: ofedoren

packages/vendor/bundle/webpack.config.js

@@ -2,6 +2,7 @@ const path = require('path');
 const CompressionWebpackPlugin = require('compression-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const { StatsWriterPlugin } = require('webpack-stats-plugin');
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 const { modules } = require('@theforeman/vendor-core');
 
 const { version } = require('../package.json');
@@ -94,12 +95,10 @@ const config = {
     }),
     new WebpackExportForemanVendorPlugin({ modules }),
     new CompressionWebpackPlugin(),
-    new StatsWriterPlugin({
-      filename: `stats.${webpackMode}.json`,
-      fields: null,
-      stats: {
-        all: true,
-      },
+    new BundleAnalyzerPlugin({
+      analyzerMode: 'static',
+      reportFilename: `../docs/stats.${webpackMode}.html`,
+      openAnalyzer: false,
     }),
   ],
 };

packages/vendor/package.json

@@ -22,19 +22,15 @@
   ],
   "scripts": {
     "prebuild": "rimraf dist docs",
-    "postbuild": "rimraf dist/stats.development.json dist/stats.production.json",
     "build": "npm run build:bundle && npm run build:plugin && npm run build:scss && npm run build:docs",
     "build:bundle": "npm run build:bundle:dev && npm run build:bundle:prod",
     "build:bundle:base": "node --max_old_space_size=8192 ./node_modules/.bin/webpack --config bundle/webpack.config.js",
     "build:bundle:dev": "npm run build:bundle:base -- --mode=development",
     "build:bundle:prod": "npm run build:bundle:base -- --mode=production",
     "build:plugin": "webpack --config vendor-webpack-plugin/webpack.config.js",
     "build:scss": "./scripts/build-scss.sh",
-    "build:docs": "npm run build:docs:analyze && npm run build:docs:scss",
+    "build:docs": "npm run build:docs:scss",
     "build:docs:scss": "./scripts/build-scss-docs.sh",
-    "build:docs:analyze": "npm run build:docs:analyze:dev && npm run build:docs:analyze:prod",
-    "build:docs:analyze:dev": "webpack-bundle-analyzer --mode static -r docs/stats.development.html dist/stats.development.json",
-    "build:docs:analyze:prod": "webpack-bundle-analyzer --mode static -r docs/stats.production.html dist/stats.production.json",
     "deploy:docs": "./scripts/deploy-docs.sh",
     "postpublish": "npm run deploy:docs"
   },