zhangjunlei26/vue-webpack-template

A modern Vue.js multiple pages cli which uses Vue 2, Webpack4, and Element-UI

vue-multiple-pages

A modern Vue.js multiple pages cli which uses Vue 2, Webpack4, and Element-UI

Features

1. Vue2
2. Webpack4
3. ElementUI
4. Postcss(autoprefixer default)
5. Less
6. Sass

Get Started

vue-cli2

Init Project

$ npm install -g @vue/cli @vue/cli-init
$ vue init zhangjunlei26/vue-webpack-template new-project
$ cd new-project
$ npm install

Dev

# serve with hot reload at localhost:8010
$ npm run dev

visit http://localhost:8010/user/login.html

visit http://localhost:8010/user/index.html

visit http://localhost:8010/customer/index.html

Build

$ npm run build
$ node server.js #listen 2333 port

visit http://localhost:2333/user/login.html

visit http://localhost:2333/user/index.html

visit http://localhost:2333/customer/index.html

Folder Structure

.
├── README.md
├── build // webpack config
│   ├── webpack.base.conf.js
│   ├── webpack.dev.conf.js
│   └── webpack.prod.conf.js
├── dist // dist
│   ├── assets
│   │   ├── css
│   │   │   ├── commons.css
│   │   │   ├── commons.css.map
│   │   │   ├── customer
│   │   │   │   ├── home.css
│   │   │   │   ├── home.css.map
│   │   │   │   ├── home2.css
│   │   │   │   └── home2.css.map
│   │   │   └── user
│   │   │       ├── index.css
│   │   │       ├── index.css.map
│   │   │       ├── login.css
│   │   │       └── login.css.map
│   │   ├── img
│   │   │   └── element-icons.6f0a763.ttf
│   │   └── js
│   │       ├── commons.js
│   │       ├── commons.js.map
│   │       ├── customer
│   │       │   ├── home.js
│   │       │   ├── home.js.map
│   │       │   ├── home2.js
│   │       │   └── home2.js.map
│   │       └── user
│   │           ├── index.js
│   │           ├── index.js.map
│   │           ├── login.js
│   │           └── login.js.map
│   ├── customer
│   │   ├── home.html
│   │   └── home2.html
│   ├── logo.png
│   └── user
│       ├── index.html
│       └── login.html
├── package.json
├── postcss.config.js
├── server.js
└── src
    ├── assets
    │   ├── css
    │   └── img
    │       └── logo.png
    ├── components
    │   └── modal.vue
    └── pages
        ├── customer
        │   ├── home
        │   │   ├── app.html
        │   │   ├── app.js
        │   │   └── app.vue
        │   └── home2
        │       ├── app.html
        │       ├── app.js
        │       └── app.vue
        └── user
            ├── index
            │   ├── app.html
            │   ├── app.js
            │   └── app.vue
            └── login
                ├── app.html
                ├── app.js
                └── app.vue

Inspired by element-starter

License

MIT