Vue 프로젝트 환경 별로 포장 하 는 방법 예시

저희 가 프로젝트 를 개발 할 때 vue-cli 2.x 버 전 으로 새로 만 든 프로젝트 는 dev,pro 두 가지 개발 환경 만 있 고 테스트 에 사용 할 테스트 환경 이 필요 하기 때문에 여러 가지 방법 을 찾 아 가장 간단 한 방법 을 정리 하여 사용 해 드 렸 습 니 다.
1、package.json
build 아래 test 실행 명령 을 추가 합 니 다.

"test": "node build/build.js"

2、prod.env.js
config->prod.env.js 에서 코드 수정

 'use strict'
 //            
 const target = process.env.npm_lifecycle_event;
 //        
 console.log('env is deploying, current env is', target)
 //       , test,  build
 if (target == 'test') {
  var obj = {
   NODE_ENV: '"production"',
   API_ROOT: '"           "',
  }
 } else {
  var obj = {
   NODE_ENV: '"production"',
   API_ROOT: '"           "',
  }
 }
  
 module.exports = obj;
3.테스트 환경:

$ npm run test
공식 환경:

```
$ npm run build
``` 
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기