使用 Nuxt.js 发布纯静态网站

后记 & 附录

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

  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