hwookim / vue3-without-cli

vue3-without-cli

Packages

Run

# 패키지 설치
yarn

# 프로젝트 build
yarn build

# dev 서버 실행
yarn dev

# 테스트 실행
yarn test

# 스토리북 실행
yarn storybook

Directory structure

├── public
│   └── index.html
├── src
│   ├── components
│   ├── App.vue
│   ├── index.ts
│   └── shims-vue.d.ts // vue 파일 type 선언
├── stories
└── tests

Troubleshooting

jest 실행 시 vue3 파일 로드 문제

shims-vue.d.ts 추가로 vue 파일 호출 시 DefineComponent를 로드하도록 설정 babel preset-env/preset-typescript, babel-jest를 통해 vue 내 typescript 구문을 읽어올 수 있도록 수정

webpack5 storybook version error

storybook을 쓰기 위해 webpack4 버전으로 다운그래이드 하자 cli, dev-server와 충돌 발생 storybook core 옵션에 webpack5를 명시해 오류 해결