https://github.com/plortinus/issue592
https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/592
https://github.com/plortinus/issue592
Last synced: 3 months ago
JSON representation
https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/592
- Host: GitHub
- URL: https://github.com/plortinus/issue592
- Owner: Plortinus
- Created: 2017-09-13T15:02:01.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-09-13T15:06:03.000Z (over 7 years ago)
- Last Synced: 2025-01-14T15:43:29.256Z (5 months ago)
- Language: JavaScript
- Size: 12.7 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# issue592
> A Vue.js project
## Features
1. [Vue2](https://github.com/vuejs/vue)
2. [Webpack3](https://github.com/webpack/webpack)
3. [ElementUI](https://github.com/ElemeFE/element)
4. [Eslint](https://github.com/eslint/eslint)
5. [Postcss](https://github.com/postcss/postcss)
## Dev
``` bash
# serve with hot reload at localhost:8010
npm run dev
```
[http://localhost:8010/user/login.html](http://localhost:8010/user/login.html)
[http://localhost:8010/user/index.html](http://localhost:8010/user/index.html)
[http://localhost:8010/customer/index.html](http://localhost:8010/customer/index.html)
## Build
``` bash
# build for production with minification
npm run build // Firstly
node server.js // Secondly
```
Then visit the pages
[http://localhost:2333/user/login.html](http://localhost:2333/user/login.html)
## Root Folder Structure
```bash
├── src # main folder
│ ├── assets # common assets folder
│ │ ├── img
│ │ │ └── logo.png
│ │ ├── js
│ │ └── css
│ ├── components # common components folder
│ │ └── modal.vue
│ └── pages # pages
│ ├── user # user part (folder name can be customized)
│ │ ├── login # login.html (folder name can be customized)
│ │ │ ├── app.js # entry js (file name can't be customized unless you change the webpack.config.js)
│ │ │ ├── app.vue # login vue (file name can be customized)
│ │ │ └── app.html # template html (file name can't be customized unless you change the webpack.config.js)
│ │ └── index # index.html
│ │ ├── app.js
│ │ ├── app.html
│ │ └── app.vue
│ └── customer # customer part (folder name can be customized)
│ └── home # home.html
│ ├── app.html
│ ├── app.js
│ └── app.vue
├── LICENSE
├── .babelrc # babel config (es2015 default)
├── .eslintrc.js # eslint config (eslint-config-vue default)
├── server.js # port 2333
├── package.json
├── postcss.config.js # postcss (autoprefixer default)
├── webpack.config.js
└── README.md
```
## Dist Folder Structure
```bash
├── assets
│ ├── css
│ │ ├── customer
│ │ │ ├── home.css
│ │ │ └── home.css.map
│ │ ├── user
│ │ │ ├── index.css
│ │ │ ├── index.css.map
│ │ │ ├── login.css
│ │ │ └── login.css.map
│ │ ├── vendors.css
│ │ └── vendors.css.map
│ └── js
│ ├── customer
│ │ └── home.js
│ ├── user
│ │ ├── index.js
│ │ └── login.js
│ └── vendors.js
├── b02bdc1b846fd65473922f5f62832108.ttf
├── customer
│ └── home.html
├── logo.png
└── user
├── index.html
└── login.html
```
For detailed explanation on how things work, checkout the [guide](https://github.com/Plortinus/vue-multiple-pages)