feat: add BundleAnalyzerPlugin to webpack config

Author: sis0k0

Diff for: dependencyManager.js

@@ -59,6 +59,7 @@ function addDependency(deps, name, version, force) {
 function getRequiredDeps(packageJson) {
     let deps = {
         "webpack": "~3.0.0",
+        "webpack-bundle-analyzer": "^2.8.2",
         "webpack-sources": "~1.0.1",
         "copy-webpack-plugin": "~4.0.1",
         "raw-loader": "~0.5.1",

Diff for: prepublish/common/imports.js

@@ -5,4 +5,5 @@ const nsWebpack = require("nativescript-dev-webpack");
 const nativescriptTarget = require("nativescript-dev-webpack/nativescript-target");
 const CopyWebpackPlugin = require("copy-webpack-plugin");
 const ExtractTextPlugin = require("extract-text-webpack-plugin");
+const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
 `;

Diff for: prepublish/common/plugins.js

@@ -25,4 +25,13 @@ module.exports = `
         new nsWebpack.GenerateBundleStarterPlugin([
             "./vendor",
             "./bundle",
-        ]),`;
+        ]),
+
+        // Generate report files for bundles content
+        new BundleAnalyzerPlugin({
+            analyzerMode: "static",
+            openAnalyzer: false,
+            generateStatsFile: true,
+            reportFilename: join(__dirname, "report", \`report.html\`),
+            statsFilename: join(__dirname, "report", \`stats.json\`),
+        }),`;

Diff for: templates/webpack.angular.js

@@ -5,6 +5,7 @@ const nsWebpack = require("nativescript-dev-webpack");
 const nativescriptTarget = require("nativescript-dev-webpack/nativescript-target");
 const CopyWebpackPlugin = require("copy-webpack-plugin");
 const ExtractTextPlugin = require("extract-text-webpack-plugin");
+const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
 
 const { AotPlugin } = require("@ngtools/webpack");
 
@@ -166,6 +167,15 @@ function getPlugins(platform, env) {
             "./bundle",
         ]),
 
+        // Generate report files for bundles content
+        new BundleAnalyzerPlugin({
+            analyzerMode: "static",
+            openAnalyzer: false,
+            generateStatsFile: true,
+            reportFilename: join(__dirname, "report", `report.html`),
+            statsFilename: join(__dirname, "report", `stats.json`),
+        }),
+
         // Angular AOT compiler
         new AotPlugin({
             tsConfigPath: "tsconfig.aot.json",

Diff for: templates/webpack.javascript.js

@@ -5,6 +5,7 @@ const nsWebpack = require("nativescript-dev-webpack");
 const nativescriptTarget = require("nativescript-dev-webpack/nativescript-target");
 const CopyWebpackPlugin = require("copy-webpack-plugin");
 const ExtractTextPlugin = require("extract-text-webpack-plugin");
+const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
 
 
 const mainSheet = `app.css`;
@@ -154,6 +155,15 @@ function getPlugins(platform, env) {
             "./vendor",
             "./bundle",
         ]),
+
+        // Generate report files for bundles content
+        new BundleAnalyzerPlugin({
+            analyzerMode: "static",
+            openAnalyzer: false,
+            generateStatsFile: true,
+            reportFilename: join(__dirname, "report", `report.html`),
+            statsFilename: join(__dirname, "report", `stats.json`),
+        }),
     ];
 
     if (env.uglify) {

Diff for: templates/webpack.typescript.js

@@ -5,6 +5,7 @@ const nsWebpack = require("nativescript-dev-webpack");
 const nativescriptTarget = require("nativescript-dev-webpack/nativescript-target");
 const CopyWebpackPlugin = require("copy-webpack-plugin");
 const ExtractTextPlugin = require("extract-text-webpack-plugin");
+const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
 
 
 const mainSheet = `app.css`;
@@ -163,6 +164,15 @@ function getPlugins(platform, env) {
             "./vendor",
             "./bundle",
         ]),
+
+        // Generate report files for bundles content
+        new BundleAnalyzerPlugin({
+            analyzerMode: "static",
+            openAnalyzer: false,
+            generateStatsFile: true,
+            reportFilename: join(__dirname, "report", `report.html`),
+            statsFilename: join(__dirname, "report", `stats.json`),
+        }),
     ];
 
     if (env.uglify) {