@vue/cli issue 3.0 - production build

[JaeYeopHan]

Description

vue-cli-service build 커맨드로 build를 수행할 경우, NODE_ENV를 컨트롤 하면 안 된다.
vue-cli-service 내부적으로 NODE_ENV를 판단하여 build mode를 지정하고 있다.

$ NODE_ENV=beta vue-cli-service --mode development # development build
$ NODE_ENV=real vue-cli-service --mode production # production build

이렇게 하면 죽어라 빌드를 돌려도 프로덕션 빌드가 이루어지지 않음. 아래와 같이 해야 함.

$ vue-cli-service --mode development # development build
$ vue-cli-service --mode production # production build

다른 phase로 build를 해야하는데 production build로 해야할 경우, 별도 argument를 넘겨줘서 내부적으로 env를 custom하는 방식을 사용한다. 예를 들면 다음과 같이.

"scripts": {
  "build-dev": "vue-cli-service --mode development",
  "build-prod": "vue-cli-service --mode production",
  "build:beta": "npm run build-prod -- --phase=beta",
  "build:real": "npm run build-prod -- --phase=real"
}

Conclusion

• NODE_END로 pahse를 컨트롤하지 않는다.
  • mode와 phase를 구분한다.
• VUE_ENV를 사용해본다. (뭔진 모름)