diff --git a/demo/custom-index.html b/demo/custom-index.html
new file mode 100644
index 0000000000..5308bf84eb
--- /dev/null
+++ b/demo/custom-index.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/demo/payload.config.js b/demo/payload.config.js
index a12bcec762..fe45890a20 100644
--- a/demo/payload.config.js
+++ b/demo/payload.config.js
@@ -28,6 +28,7 @@ const GlobalWithStrictAccess = require('./globals/GlobalWithStrictAccess');
module.exports = {
admin: {
user: 'admins',
+ // indexHTML: path.resolve(__dirname, 'custom-index.html'),
meta: {
titleSuffix: '- Payload Demo',
ogImage: '/static/find-image-here.jpg',
diff --git a/src/webpack/getWebpackDevConfig.js b/src/webpack/getWebpackDevConfig.js
index 904b4a3bd1..71d03ad758 100644
--- a/src/webpack/getWebpackDevConfig.js
+++ b/src/webpack/getWebpackDevConfig.js
@@ -128,7 +128,7 @@ module.exports = (config) => {
const plugins = [
new HtmlWebpackPlugin({
- template: path.resolve(__dirname, '../client/index.html'),
+ template: config.admin && config.admin.indexHTML ? config.admin.indexHTML : path.resolve(__dirname, '../client/index.html'),
filename: './index.html',
}),
new webpack.HotModuleReplacementPlugin(),
diff --git a/src/webpack/getWebpackProdConfig.js b/src/webpack/getWebpackProdConfig.js
index c75e1e12e0..376b3db739 100644
--- a/src/webpack/getWebpackProdConfig.js
+++ b/src/webpack/getWebpackProdConfig.js
@@ -117,7 +117,7 @@ module.exports = (config) => {
const plugins = [
// new BundleAnalyzerPlugin(),
new HtmlWebpackPlugin({
- template: path.resolve(__dirname, '../client/index.html'),
+ template: config.admin && config.admin.indexHTML ? config.admin.indexHTML : path.resolve(__dirname, '../client/index.html'),
filename: './index.html',
minify: true,
}),