Vue 프로젝트의 폴더 구조 변경하기

< 공식 문서 >

vue.config.js

---

Vue 공식 문서에는 

아래의 구조를 추천하고있다.

하지만 위의 구조가,

Vue Cli 가 생성해주는 구조와 다른데,

이럴때는 파일을 위의 구조처럼 만들기위해 이동시키기전에,

먼저 vue.config.js 파일을 아래와 같이 설정해주어야한다. (없다면 생성하라.)

/* vue.config.js */

module.exports = {

    pages: {

      index: {

        entry: 'main.js',
        template: 'index.html',

      }

    }

}

최종모습.

매우 깔끔하다.