add server build

src/main/webapp/build/webpack.client.config.js

@@ -2,15 +2,11 @@
 const merge = require("webpack-merge");
 const base = require("./webpack.base.config");
 
-console.log("webpack base=>", base);
-
 const clientConfig = merge(base.webpackCnfig, {
   entry: "./src/entry-client.js",
   output: {
     filename: "js/[name].[chunkhash:6].js"
   }
 });
 
-console.log("webpack clientConfig=>", clientConfig);
-
 module.exports = clientConfig;

src/main/webapp/build/webpack.nossr.config.js

@@ -2,10 +2,8 @@
 const merge = require("webpack-merge");
 const base = require("./webpack.base.config");
 
-console.log("webpack base=>", base);
-
 const appConfig = merge(base.webpackCnfig, {
-  entry: "./src/app.js",
+  entry: "./src/nossr.js",
   output: {
     filename: "js/[name].[hash:6].js"
   },
@@ -15,10 +13,4 @@ const appConfig = merge(base.webpackCnfig, {
   }
 });
 
-console.log("webpack appConfig=>", appConfig);
-console.log(
-  "base.config.isProduction in appConfig=>",
-  base.config.isProduction
-);
-
 module.exports = appConfig;

src/main/webapp/build/webpack.server.config.js

@@ -2,15 +2,11 @@
 const merge = require("webpack-merge");
 const base = require("./webpack.base.config");
 
-console.log("webpack base=>", base);
-
 const serverConfig = merge(base.webpackCnfig, {
   entry: "./src/entry-server.js",
   output: {
     filename: "server-bundle.js"
   }
 });
 
-console.log("webpack serverConfig=>", serverConfig);
-
 module.exports = serverConfig;

src/main/webapp/package.json

@@ -9,7 +9,7 @@
     "clean": "rimraf dist",
     "lint": "eslint --ext .js,.vue,.html --ignore-path .gitignore --ignore-pattern !.eslintrc.js --ignore-pattern !.babelrc.js . --fix --color",
     "nossr": "cross-env NODE_ENV=development webpack-dev-server --config build/webpack.nossr.config.js --hot --inline --progress",
-    "build:nossr": "yarn clean && cross-env NODE_ENV=production webpack --config build/webpack.nossr.config.js",
+    "build:nossr": "yarn clean && cross-env NODE_ENV=production webpack --config build/webpack.nossr.config.js --progress --hide-modules",
     "dev": "node server",
     "build": "yarn clean && yarn build:client && yarn build:server",
     "build:client": "cross-env NODE_ENV=production webpack --config build/webpack.client.config.js --progress --hide-modules",

src/main/webapp/src/app.js

@@ -1,6 +1,21 @@
 import Vue from "vue";
 import App from "./App.vue";
-new Vue({
-  el: "#app",
-  render: h => h(App)
-});
+
+/**
+ * Expose a factory function that creates a fresh set of
+ * app instances on each call (which is called for each SSR request)
+ * @param ssrContext
+ * @returns {{app: Vue | CombinedVueInstance<V, object, object, object, Record<never, any>>}}
+ */
+export function createApp(ssrContext) {
+  // create the app instance.
+  const app = new Vue({
+    render: h => h(App)
+  });
+
+  // expose the app
+  // note we are not mounting the app here, since bootstrapping will be
+  // different depending on whether we are in a browser or on the server.
+  return { app };
+  // return { app, router, store }
+}

src/main/webapp/src/entry-client.js

@@ -0,0 +1,7 @@
+import { createApp } from "./app";
+
+// noinspection JSCheckFunctionSignatures
+const { app } = createApp();
+
+// actually mount to DOM
+app.$mount("#app");

src/main/webapp/src/entry-server.js

@@ -0,0 +1,10 @@
+import { createApp } from "./app";
+
+// This exported function will be called by `bundleRenderer`.
+// return a Promise that resolves to the app instance.
+export default context => {
+  return new Promise((resolve, reject) => {
+    const { app } = createApp(context);
+    resolve(app);
+  });
+};

src/main/webapp/src/nossr.js

@@ -0,0 +1,7 @@
+import { createApp } from "./app";
+
+// noinspection JSCheckFunctionSignatures
+const { app } = createApp();
+
+// actually mount to DOM
+app.$mount("#app");