Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ymc-github/vue-ssr-dev-with-webpack-express

run vue app development with webpack + express (ssr mode)
https://github.com/ymc-github/vue-ssr-dev-with-webpack-express

babel6 eslint4 express4 webpack3

Last synced: 6 days ago
JSON representation

run vue app development with webpack + express (ssr mode)

Awesome Lists containing this project

README

        

# vue-ssr-dev-with-webpack-express

## desc

vue app develop with webpack + express (ssr mode)

note: you can also start your project with [Vue CLI](https://cli.vuejs.org/)

![screenshot](./public/static/img/screenshot.png)

## project diretory constructor

get detail [here](./note/dir-construtor.md)

## some important deps for ssr develop

- eslint (lint .js .vue file)
- babel (handle es6+)
- webpack (pack lib)
- postcss (handle css style with future feat)
- node-sass (handle sass/scss style (optional))
- less (handle less style (optional))

note: remember to take care of their version with each other.

## some config

01.what is the entry for ssr client? [config](./build/webpack.ssr-base.config.js#L24)

02.what is the entry for ssr server? [config](./build/webpack.ssr-server.config.js#L10)

06.use eslint to lint with project config [config](./build/config.js#L49-#L52)

todos ...

## some command

``` bash
# install dependencies
npm install # or yarn install

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

# build for production
npm run build

# serve in production mode
npm start
```

## author

yemiancheng

## contributor

eteplus

## License
MIT