wmp-review v1.0.6

wmp-review-front

A Vue.js project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

npm 게시 기능 추가

어플리케이션을 루트 레벨의 vue component로 npm에 게시하여 외부 프로젝트에서 import하여 사용할 수 있도록 개선하였습니다. 아래의 명령어를 이용하여 게시하기 전 태스크를 실행한 후 해당 파일을 npm에 올려 사용합니다.

# root directory에서
npm run pre

vue-cli webpack 템플릿을 이용하여 템플릿 추가하였으므로 다른 템플릿 사용자(어플리케이션 구조가 다른 사용자)는 별도의 추가 구성과 수정이 반드시 필요합니다.

root 엘리먼트 확인 필요

vue-cli나 다른 보일러 플레이트를 사용할 경우 root 레벨의 엘리먼트 중복을 피하기 위하여 id를 wrapper로 지정하고 명시적으로 App.vue 파일 역시 Wrapper.vue로 수정하였습니다.

pre 디렉토리

기존 vue + webpack template에 pre 디렉토리를 추가하여 npm 게시 전 태스크를 담당하도록 하였습니다. 해당 실행 파일들은 다른 설정들과 연관되어 있으므로 build, config 등을 수정하였을 경우 테스트가 반드시 필요합니다.

전처리 과정의 수정이 필요할 경우 해당 디렉토리의 webpack.config.js 파일을 확인하시기 바랍니다.