vue server render實踐

近期在重構一個後臺的項目，前端用的是jquery + bootstrap，說真的，在用react以前，我沒有以爲組件化是如此的美妙而且必須。so, 在重構的時候就選擇了vue，那麼問題來了，爲何不是react。
首先，拋開性能不說，由於React和Vue在大部分常見場景下都能提供近似的性能,而且幾乎這點差別能夠經過代碼的方式彌補。
由於咱們這回重構的是一個後臺項目，確定會存在大量的表單元素，並且幾乎全部的表單都是要和數據進行雙向綁定的，而咱們知道react是單向數據流的，可是爲了實現假的雙向數據綁定，咱們可能須要在onChange事件裏經過setState對數據進行更新。固然也存在更好的實現方案，那就是經過props傳遞數據，在input須要更新時，dispatch一個action更新store，實現頁面的從新渲染，能夠參考redux-form這個庫，關於react的表單它應該是一套比較好的實踐方案。
雖說vue的雙向數據綁定也是onchange事件的語法糖，可是，它已經封裝的很好了，一個v-model足矣。固然選擇vue還有一個重要緣由，就是在vue2.0以後對ssr有了一套更加成熟的實踐方案。關於vue和react更加詳細的區別網上有不少資料，請自行查閱，本文主要仍是vue ssr實踐哈。

爲何要用server render

1. SEO

2. 加速首屏渲染

實現

webpack 配置

webpack.base.config.js

module.exports = {
  devtool: isDev ? '#cheap-module-eval-source-map' : false,
  output: {
    path: resolve('../dist'), // 文件的輸出路徑
    publicPath: '/dist/',  // 靜態資源的查找路徑
    filename: '[name].[chunkhash].js',
  },
}