Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 2 months 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 (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-06-25T08:39:51.000Z (over 7 years ago)
- Last Synced: 2024-12-08T20:10:27.875Z (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
Awesome Lists containing this project
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)