https://github.com/hilongjw/vue-ssr-hmr-template

Interesting! Vue2 + Webpack2 + HMR + Server Side Render + Express template see demo->
https://github.com/hilongjw/vue-ssr-hmr-template

Last synced: about 1 month ago
JSON representation

Interesting! Vue2 + Webpack2 + HMR + Server Side Render + Express template see demo->

• Host: GitHub
• URL: https://github.com/hilongjw/vue-ssr-hmr-template
• Owner: hilongjw
• Created: 2016-09-15T01:48:36.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-06-25T08:39:51.000Z (almost 7 years ago)
• Last Synced: 2024-05-08T04:14:08.938Z (about 2 months ago)
• Language: JavaScript
• Homepage: http://ssr.bood.in/
• Size: 560 KB
• Stars: 226
• Watchers: 10
• Forks: 41
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Lists

• awesome-express - 简单的 Vue2 + Webpack2 + Express + 热更新工程模板
• awesome-stars - vue-ssr-hmr-template - Interesting! Vue2 + Webpack2 + HMR + Server Side Render + Express template see demo-> (JavaScript)
• awesome-stars - vue-ssr-hmr-template - Interesting! Vue2 + Webpack2 + HMR + Server Side Render + Express template see demo-> (JavaScript)
• awesome-vue-refactor - vue-ssr-hmr-template ★42
• awesome-vuejs - vue-ssr-hmr-template ★42

README

        
# vue-ssr-hmr-template

> a interesting Vue project template

- Vue2

- Webpack2 

- HotModuleReplacement 

- Server Side Render

- Express

## Build Setup

``` bash

# install dependencies

npm i

npm install supervisor -g

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

# run app

npm start

```

## Directory

- build     webpack config

- client    front end project

- server    back end project (router/view) 

- app.js    app entry

## Auto Webpack Entry

getEntries(

    webpackHotMiddlewareConfig, // String  webpackHotMiddlewareConfig,

    exceptList, // Array except some dir in client

    isServer // Boolean

)

```

const getEntries = require('./getEntries')

const webpackHotMiddlewareConfig = 'webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000'

const developmentConf = merge(baseConfig, {

    ...

    entry: getEntries(webpackHotMiddlewareConfig, [], false)

    ...

})

```

## Server Side Render 

[vue-ssr](https://github.com/hilongjw/vue-ssr)

[vue-server-renderer](https://github.com/vuejs/vue/tree/dev/packages/vue-server-renderer)

## License

[The MIT License](http://opensource.org/licenses/MIT)