Vue SSR Demo built with Vue 2.0 + vue-router + vuex, with server-side rendering.
- Server Side Rendering
- Vue + vue-router + vuex working together
- Server-side data pre-fetching
- Client-side state & DOM hydration
- Automatically inlines CSS used by rendered components only
- Preload / prefetch resource hints
- Route-level code splitting
- Progressive Web App
- App manifest
- Service worker
- Single-file Vue Components
- Hot-reload in development
- CSS extraction for production
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 # build for production and view the bundle analyzer report npm run build --report # serve in production mode npm start
build/webpack.base.config.js
removepublicPath
src/index.template.html
add<div id="app"></div>
src/router/index.js
modifymode: 'history'
tomode: 'hash'
, replaceconst (.*?) = \(\) => import\((.*?)\)
toimport 1ドル from 2ドル
npm run build:single