diff --git a/webpack.common.js b/webpack.common.js
index c9263fa842..f6b23c197b 100644
--- a/webpack.common.js
+++ b/webpack.common.js
@@ -3,6 +3,7 @@ const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const CopyPlugin = require('copy-webpack-plugin');
 const packageConfig = require('./package.json');
 const WorkboxPlugin = require('workbox-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
     context: path.resolve(__dirname, 'src'),
@@ -14,6 +15,10 @@ module.exports = {
     },
     plugins: [
         new CleanWebpackPlugin(),
+        new HtmlWebpackPlugin({
+            filename: 'index.html',
+            template: 'index.html'
+        }),
         new CopyPlugin({
             patterns: [
                 {
diff --git a/webpack.dev.js b/webpack.dev.js
index 6619b6b17a..0f3a02925c 100644
--- a/webpack.dev.js
+++ b/webpack.dev.js
@@ -1,7 +1,6 @@
 const path = require('path');
 const common = require('./webpack.common');
 const merge = require('webpack-merge');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = merge(common, {
     mode: 'development',
@@ -16,12 +15,6 @@ module.exports = merge(common, {
             }
         ]
     },
-    plugins: [
-        new HtmlWebpackPlugin({
-            filename: 'index.html',
-            template: 'index.html'
-        })
-    ],
     devServer: {
         contentBase: path.join(__dirname, 'dist'),
         compress: true