Skip to content

Commit 5217ec3

Browse files
committed
update readme
1 parent 6ccf238 commit 5217ec3

File tree

1 file changed

+63
-30
lines changed

1 file changed

+63
-30
lines changed

README.md

Lines changed: 63 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -43,38 +43,71 @@ node server.js
4343

4444
[http://localhost:2333/user/login.html](http://localhost:2333/user/login.html)
4545

46-
## Folder Structure
46+
## Root Folder Structure
4747

4848
```bash
49-
├── src # main
50-
│ ├── assets # source
51-
│ │ ├── css # css
52-
│ │ └── img # img
53-
│ ├── components # components
54-
│ └── pages # pages
55-
│ ├── user # user part
56-
│ │ ├── index # index.html
57-
│ │ │ ├── app.js # entry js
58-
│ │ │ ├── app.html # html template
59-
│ │ │ └── app.vue # main vue for login
60-
│ │ └── login # login.html
61-
│ │ ├── app.js # entry js
62-
│ │ ├── app.html # html template
63-
│ │ └── app.vue # main vue for login
64-
│ └── customer # customer part
65-
│ └── home # home.html
66-
│ ├── app.js # entry js
67-
│ ├── app.html # html template
68-
│ └── app.vue # main vue for login
69-
├── dist # npm run build result
70-
├── node_modules # dependencies
71-
├── .babelrc # babel config
72-
├── .eslintrc.js # eslint config
73-
├── server.js # port 2333
74-
├── webpack.config.js # webpack config
75-
├── postcss.config.js # postcss config
76-
├── node_modules # dependencies
77-
└── package.json # package info
49+
├── src # main folder
50+
│   ├── assets # common assets folder
51+
│   │   ├── img
52+
│   │   │   └── logo.png
53+
│   │   ├── js
54+
│   │   └── css
55+
│   ├── components # common components folder
56+
│   │   └── modal.vue
57+
│   └── pages # pages
58+
│   ├── user # user part (folder name can be customized)
59+
│   │   ├── login # login.html (folder name can be customized)
60+
│   │   │   ├── app.js # entry js (file name can't be customized unless you change the webpack.config.js)
61+
│   │   │   ├── app.vue # login vue (file name can be customized)
62+
│   │   │   └── app.html # template html (file name can't be customized unless you change the webpack.config.js)
63+
│   │   └── index # index.html
64+
│   │   ├── app.js
65+
│   │   ├── app.html
66+
│   │   └── app.vue
67+
│   └── customer # customer part (folder name can be customized)
68+
│   └── home # home.html
69+
│   ├── app.html
70+
│   ├── app.js
71+
│   └── app.vue
72+
├── LICENSE
73+
├── .babelrc # babel config (es2015 default)
74+
├── .eslintrc.js # eslint config (eslint-config-vue default)
75+
├── server.js # port 2333
76+
├── package.json
77+
├── postcss.config.js # postcss (autoprefixer default)
78+
├── webpack.config.js
79+
└── README.md
80+
```
81+
82+
## Dist Folder Structure
83+
84+
```bash
85+
├── assets
86+
│ ├── css
87+
│ │ ├── customer
88+
│ │ │ ├── home.css
89+
│ │ │ └── home.css.map
90+
│ │ ├── user
91+
│ │ │ ├── index.css
92+
│ │ │ ├── index.css.map
93+
│ │ │ ├── login.css
94+
│ │ │ └── login.css.map
95+
│ │ ├── vendors.css
96+
│ │ └── vendors.css.map
97+
│ └── js
98+
│ ├── customer
99+
│ │ └── home.js
100+
│ ├── user
101+
│ │ ├── index.js
102+
│ │ └── login.js
103+
│ └── vendors.js
104+
├── b02bdc1b846fd65473922f5f62832108.ttf
105+
├── customer
106+
│ └── home.html
107+
├── logo.png
108+
└── user
109+
├── index.html
110+
└── login.html
78111
```
79112

80113
## How The `Multiple Page` Works ?(Assumed that you have the basic knowlege of [webpack](https://github.com/webpack/webpack))

0 commit comments

Comments
 (0)