February 09, 2020
프로젝트 구조에는 정답이 없다고 생각하지만, 아래와 같은 구조를 추천한다.
├── build
| ├── build.js
| ├── check-versions.js
| ├── logo.png
| ├── utils.js
| ├── vue-loader.conf.js
| ├── webpack.base.conf.js
| ├── webpack.dev.conf.js
| └── webpack.prod.conf.js
|
├── config
| ├── dev.env.js
| ├── index.js
| └── prod.env.js
|
├── dist
| ├── static
| └── index.html
|
├── node_modules
|
├── src
| ├── assets
| | ├── css
| | | └── App.scss
| | ├── font
| | └── images
| ├── components
| | ├── RangeCustom
| | | ├── RangeCustom.scss
| | | └── RangeCustom.vue
| | └── Sidebar
| | ├── Sidebar.scss
| | └── Sidebar.vue
| ├── pages
| | ├── Login
| | | ├── components
| | | ├── Login.scss
| | | └── Login.vue
| | └── Products
| | ├── components
| | ├── Products.scss
| | └── Products.vue
| ├── router
| | └── index.js
| ├── store
| | ├── modules
| | └── store.js
| ├── App.vue
| └── main.js
|
├── static
| └── favicon.ico
|
├── index.html
├── package-lock.json
└── package.json
build
config
npm run dev
명령어를 입력하면 적용되는 설정이다.npm run build
로 배포 버전에 적용되는 설정이다.dist
npm run build
명령어를 입력하면 dist 폴더가 자동으로 생성되며, webpack이 dist 폴더에 빌드 결과물을 생성한다.src
index.html
package.json