feat: use a different html file so spa serve still works

Author: Guillaume Chau

generator/templates/default/public/index.html renamed to generator/templates/default/public/index.ssr.html

@@ -3,7 +3,7 @@ module.exports = (api, options) => {
 
   return {
     distPath: api.resolve(outputPath),
-    templatePath: api.resolve(`${outputPath}/index.html`),
+    templatePath: api.resolve(`${outputPath}/index.ssr.html`),
     serviceWorkerPath: api.resolve(`${outputPath}/service-worker.js`),
   }
 }

lib/default-config.js

@@ -50,6 +50,15 @@ exports.chainWebpack = (webpackConfig) => {
     })
   }
 
+  const htmlPlugin = webpackConfig.plugins.get('html').store
+  webpackConfig.plugin('html-ssr').use(htmlPlugin.get('plugin'), [
+    {
+      ...htmlPlugin.get('args')[0],
+      template: config.api.resolve('public/index.ssr.html'),
+      filename: 'index.ssr.html',
+    },
+  ])
+
   webpackConfig.entry('app').clear().add(config.entry(target))
 
   webpackConfig.plugin('define').tap(args => {