vue.js webpack 구조

2020/08/31 - [JavaScript/vue.js] - Vue.js

2020/08/31 - [JavaScript/vue.js] - vue.js spring boot

2020/08/31 - [JavaScript/vue.js] - vue.js webpack 구조

2020/08/31 - [JavaScript/vue.js] - Vue.js 배포

2020/08/31 - [JavaScript/vue.js] - vue.js webpack spring boot

 

Vue.js Webpack 구조

 

• build

개발용 서버와 배포용 웹팩 빌드에 대한 설정 파일들이 위치함.

• config/index.js

빌드단계애 대한 대부분의 설정을 포함하고 있는 메인 설정 파일

• src

어플리케이션 소스 코드가 들어갈 디렉터리

• static

정적자원을 두는 공간으로 webpack에 의해 처리될 필요가 없는 파일이 있는 공간. 이파일들은 빌드될때 같은 디렉토리로 단순히 복사만 된다.

• test/unit

테스트 파일이 위치 하는공간

• test/e2e

e2e 테스트 파일이 위치하는 공간

• index,html

SPA 를 위한 index.html 템플릿

이템플릿에 개발한 내용이 모두 자동으로 주입되어 최종 HTML을 생성한다.

• package.json

빌드 디펜던시와 빌드 명령어들이 포함된 NPM 메타파일