Add proxy path only in prod webpack config

Author: GnaneshKunal

configs/webpack.config.web.common.ts

@@ -3,7 +3,6 @@
  */
 import path from 'path';
 import webpack from 'webpack';
-import HtmlWebpackPlugin from 'html-webpack-plugin';
 import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
 import MonacoWebpackPlugin from 'monaco-editor-webpack-plugin';
 import webpackPaths from './webpack.paths';
@@ -68,18 +67,7 @@ export default {
       'window.app.config.apiPort': JSON.stringify('5540'),
     }),
 
-    new HtmlWebpackPlugin({
-      inject: 'head',
-      isBrowser: false,
-      isDevelopment: false,
-      template: 'index.html.ejs',
-      publicPath: '{{ RIPROXYPATH }}',
-    }),
-
-    new MonacoWebpackPlugin({
-      languages: ['json', 'javascript', 'typescript'],
-      features: ['!rename'],
-    }),
+    new MonacoWebpackPlugin({ languages: ['json', 'javascript', 'typescript'], features: ['!rename'] }),
 
     new webpack.IgnorePlugin({
       checkResource(resource) {

configs/webpack.config.web.dev.ts

@@ -11,6 +11,7 @@ import webpack from 'webpack';
 import { merge } from 'webpack-merge';
 import { toString } from 'lodash'
 import commonConfig from './webpack.config.web.common';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
 
 function employCache(loaders) {
   return ['cache-loader'].concat(loaders);
@@ -198,7 +199,10 @@ const configuration: webpack.Configuration = {
     new webpack.HotModuleReplacementPlugin({
       multiStep: true,
     }),
-
+    new HtmlWebpackPlugin({
+      inject: 'head',
+      template: 'index.html.ejs',
+    }),
     new webpack.NoEmitOnErrorsPlugin(),
 
     /**

configs/webpack.config.web.prod.ts

@@ -8,6 +8,7 @@ import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import commonConfig from './webpack.config.web.common';
 import DeleteDistWeb from '../scripts/DeleteDistWeb';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
 
 DeleteDistWeb();
 
@@ -72,6 +73,11 @@ const configuration: webpack.Configuration = {
       filename: '[name].[fullhash].css',
       chunkFilename: '[id].[fullhash].css',
     }),
+    new HtmlWebpackPlugin({
+      inject: 'head',
+      template: 'index.html.ejs',
+      publicPath: '{{ RIPROXYPATH }}',
+    }),
 
     new webpack.EnvironmentPlugin({
       NODE_ENV: 'production',