后记 & 附录

先回顾一下本文的主要观点:

  1. Nuxt.js 的目标是覆盖完整的网站开发场景,这个场景更有前(钱)途
  2. 要达成这个目标,支持 Vue 模板的服务器渲染是必经之路
  3. 所以生成静态页只是 Nuxt.js 的一个衍生功能
  4. 所以在现有项目中集成 Nuxt.js ,渲染静态页的成本比较高,很多文章也提供类似的观点
  5. 但是如果有必要,这仍然是最好操作的方案

接下来,关于技术选型:

  1. 如果是新项目,必须 SSR,那么建议从开始就用 Nuxt.js 创建项目
  2. 如果是老项目,部分页面需要静态化,请参考本文

最后,如果要在现有项目中解成 Nuxt.js,我们应该:

  1. 重构现有项目,一般要重构入口和路由
  2. 新建 nuxt.config.js,添加基础配置
  3. 配置 generate 属性,生成所有要静态化的路径
  4. 如果不需要复杂的交互,可以用 render 属性移除老的 JS,然后手动添加其它的。

希望可以帮大家节省学习尝试踩坑的时间。

附录

Vue 服务器端渲染

ES6+

《ES6 入门》 by 阮一峰

无论怎么黑阮先生,他为前端做出的贡献都是不能忽视的。这本书包含 ES6 之后到 ES2018 新增的语法和新特性,中文免费阅读,非常推荐。

链接:http://es6.ruanyifeng.com/

《深入理解 ES6》 by Nicolas C.Zakas

读完入门,最适合再来个深入。这本书是红宝书《JavaScript 高级程序设计》作者的又一力作,语言平实易懂,翻译质量也很高。

https://www.amazon.cn/dp/B071GW3JDP/ref=sr_1_1?__mk_zh_CN=%E4%BA%9A%E9%A9%AC%E9%80%8A%E7%BD%91%E7%AB%99&keywords=%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3es6&qid=1554804466&s=gateway&sr=8-1