@@ -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