完成 ssr 课程章节 5-1，但是内容尚需消化

Author: linhs

build/webpack.config.client.js

@@ -7,6 +7,8 @@ const HtmlPlugin = require('html-webpack-plugin');
 // 将非 JS 的文件单独打包分离出来，这里主要是希望单独引入 CSS
 const ExtractPlugin = require('extract-text-webpack-plugin');
 const baseConfig = require('./webpack.config.base');
+
+const VueClientPlugin = require('vue-server-renderer/client-plugin');
 // windows npm script 设置变量是通过 set NODE_ENV=production
 // mac npm script 设置变量是 NODE_ENV=production NODE_ENV=production
 // 使用 cross-env 可以统一设置环境变量的方式: cross-env
@@ -22,6 +24,7 @@ const defaultPlugins = [
   new HtmlPlugin({
     template: path.join(__dirname, 'template.html')
   }),
+  new VueClientPlugin(),
 ];
 
 const devServer = { // 支持热更新

build/webpack.config.server.js

@@ -21,6 +21,7 @@ const config = webpackMerge(baseConfig, {
     filename: 'server-entry.js',
     path: path.join(__dirname, '../server-build'),
   },
+  // 纯前端渲染就需要把类库连同你的代码一起打包，因为浏览器没有 module 模块
   // 不要打包 vue, vuex, vue-router 到 node
   // 因为如果打包了，就跟 node_modules 里面的依赖有重复，造成打包了两份文件
   externals: Object.keys(require('../package.json').dependencies),