feat: support --ssr flag in dev mode (#302)

* support --ssr flag

* tweaks

Author: egoist

packages/saber/lib/cli.js

@@ -11,18 +11,21 @@ cli
   .option('--lazy', 'Enable lazy page compilation')
   .option('--port <port>', 'Server port', { default: 3000 })
   .option('--host <host>', 'Server host', { default: '0.0.0.0' })
+  .option('--ssr', 'Enable server-side rendering')
   .option('--inspect-webpack', 'Inspect webpack config in your editor')
   .action((cwd = '.', options) => {
     setNodeEnv('development')
 
-    const { host, port, lazy } = options
+    const { host, port, lazy, ssr } = options
     delete options.host
     delete options.port
     delete options.lazy
+    delete options.ssr
     return require('..')(Object.assign({ cwd, dev: true }, options), {
       server: {
         host,
-        port
+        port,
+        ssr
       },
       build: {
         lazy

packages/saber/lib/utils/validateConfig.js

@@ -52,7 +52,8 @@ module.exports = (config, { dev }) => {
   const server = struct(
     {
       host: 'string?',
-      port: 'number?'
+      port: 'number?',
+      ssr: 'boolean?'
     },
     {
       host: '0.0.0.0',

packages/saber/package.json

@@ -56,6 +56,9 @@
     "url-loader": "^1.1.2",
     "vue": "^2.6.10",
     "vue-loader": "^15.5.1",
+    "vue-meta": "^2.0.4",
+    "vue-router": "^3.0.6",
+    "vue-router-prefetch": "^1.6.0",
     "vue-server-renderer": "^2.6.10",
     "vue-template-compiler": "^2.6.10",
     "webpack": "^4.28.4",

packages/saber/vue-renderer/app/create-app.js

@@ -2,9 +2,9 @@ import './polyfills'
 import '#cache/runtime-polyfills'
 import { join, dirname } from 'path'
 import Vue from 'vue'
+import Meta from 'vue-meta'
 import layouts from '#cache/layouts'
 import createRouter from './router'
-import Meta from './vendor/vue-meta'
 import Layout from './components/LayoutManager.vue'
 import ClientOnly from './components/ClientOnly'
 import extendBrowserApi from '#cache/extend-browser-api'

packages/saber/vue-renderer/app/router.js

@@ -1,10 +1,9 @@
 import Vue from 'vue'
-import Router from './vendor/vue-router'
-import RoutePrefetch from './vendor/vue-router-prefetch'
+import Router from 'vue-router'
+import RoutePrefetch from 'vue-router-prefetch'
 import routes from '#cache/routes'
 
 Vue.use(Router)
-
 // Make `<RouterLink>` prefetch-able
 Vue.use(RoutePrefetch, {
   componentName: 'SaberLink',