chore: sync with verdaccio master

tools/webpack.prod.config.babel.js

@@ -1,58 +1,76 @@
-const path = require("path");
-const webpack = require("webpack");
-const HTMLWebpackPlugin = require("html-webpack-plugin");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const UglifyJsWebpackPlugin = require("uglifyjs-webpack-plugin");
-const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
-const baseConfig = require("./webpack.config");
-const merge = require("webpack-merge");
-const _ = require("lodash");
-const SRC_ROOT = path.resolve(__dirname, "../src/");
+const webpack = require('webpack');
+const HTMLWebpackPlugin = require('html-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const UglifyJsWebpackPlugin = require('uglifyjs-webpack-plugin');
+const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
+const baseConfig = require('./webpack.config');
+const env = require('../src/config/env');
+const _ = require('lodash');
+const merge = require('webpack-merge');
+const getPackageJson = require('./getPackageJson');
+
+const {
+  version,
+  name,
+  license,
+} = getPackageJson('version', 'name', 'license');
+
+const banner = `
+    Name: [name]
+    Generated on: ${Date.now()}
+    Package: ${name}
+    Version: v${version}
+    License: ${license}
+    `;
 
 const prodConf = {
-  mode: "production",
+  mode: 'production',
 
   entry: {
-    main: ["@babel/polyfill", "whatwg-fetch", `${SRC_ROOT}/index.js`]
+    main: ['babel-polyfill', 'whatwg-fetch', `${env.SRC_ROOT}/webui/index.js`],
   },
 
   module: {
-    rules: []
+    rules: [],
   },
 
   plugins: [
+    new webpack.DefinePlugin({
+      __DEBUG__: false,
+      'process.env.NODE_ENV': '"production"',
+      __APP_VERSION__: `"${version}"`,
+    }),
     new MiniCssExtractPlugin({
-      filename: "style.[contenthash].css"
+      filename: 'style.[contenthash].css',
     }),
     new HTMLWebpackPlugin({
-      title: "ToReplaceByTitle",
-      scope: "ToReplaceByScope",
-      filename: "index.html",
-      favicon: `${SRC_ROOT}/template/favicon.ico`,
-      verdaccioURL: "ToReplaceByVerdaccio",
-      template: `${SRC_ROOT}/template/index.html`,
+      title: 'ToReplaceByTitle',
+      scope: 'ToReplaceByScope',
+      logo: 'ToReplaceByLogo',
+      filename: 'index.html',
+      favicon: `${env.SRC_ROOT}/webui/template/favicon.ico`,
+      verdaccioURL: 'ToReplaceByVerdaccio',
+      template: `${env.SRC_ROOT}/webui/template/index.html`,
       debug: false,
-      inject: true
-    })
+      inject: true,
+    }),
+    new webpack.BannerPlugin(banner),
   ],
 
   optimization: {
     minimizer: [
       new UglifyJsWebpackPlugin({
-        sourceMap: true
+        sourceMap: true,
       }),
-      new OptimizeCSSAssetsPlugin({})
-    ]
-  }
+      new OptimizeCSSAssetsPlugin({}),
+    ],
+  },
 };
 
 prodConf.module.rules = baseConfig.module.rules
-  .filter(
-    loader =>
-      Array.isArray(loader.use) &&
-      loader.use.find(v => /css/.test(v.loader.split("-")[0]))
-  )
-  .forEach(loader => {
+  .filter((loader) =>
+    Array.isArray(loader.use) && loader.use.find((v) => /css/.test(v.loader.split('-')[0]))
+  ).forEach((loader) => {
     loader.use = [MiniCssExtractPlugin.loader].concat(_.tail(loader.use));
   });