前言

vue-hackernews-2.0差不多明确整合了所有主要的Vue库和概念在单个应用中。对于现阶段想要研究 Vue + SSR 的我来说是一个好的轮子。在造轮子过程中碰到的疑问，我都会在相应地方备下详细注释。

vue-hackernews-2.0

HackerNews clone built with Vue 2.0 + vue-router + vuex, with server-side rendering.

Live Demo

Note: the demo may need some spin up time if nobody has accessed it for a certain period.

Features

• Server Side Rendering
  • Vue + vue-router + vuex working together
  • Server-side data pre-fetching
  • Client-side state & DOM hydration
• Single-file Vue Components
  • Hot-reload in development
  • CSS extraction for production
• Real-time List Updates with FLIP Animation

Architecture Overview

Build Setup

Requires Node.js 6+

# install dependencies
npm install # or yarn

# serve in dev mode, with hot reload at localhost:8080
npm run dev

# build for production
npm run build

# serve in production mode
npm start

Tips

Webpack性能评估