프런트엔드 프로젝트의 vue 환경 패키지
vue-cli 2.x분 환경 패키지
vue-cli 3.0 환경 패키지
"scripts": {
"dev": "vue-cli-service serve", // , process.env.NODE_ENV 'development'( )
"build:dev": "vue-cli-service build --mode dev",//dev ( ), process.env.NODE_ENV '.env.dev NODE_ENV '
"build": "vue-cli-service build"// , process.env.NODE_ENV 'production'( )
},
주의:1."build: dev"명령은 사용자 정의가 가능하며, 고정된 쓰기가 아닙니다. 예를 들어 "build-dev"등 다른 필드로 완전히 설명할 수 있습니다. 2.--mode '이름' 은 다음 단계 2에 나와야 합니다.env.'이름 '의' 모드 이름 '필드가 일치합니다. 여기는 필수입니다.
2. 프로젝트 루트 디렉터리에 파일을 추가합니다.env.'이름 '파일, 여기 있습니다.env.dev 파일
let env = process.env.NODE_ENV === 'development' ? 'development': process.env.VUE_APP_TITLE;
const baseURL = (env === 'development' || env === 'build_dev') ? store.state.testURL : store.state.baseURL;
4.포장하다
npm run build:dev (package.json )
npm run build
notes
이로써 vue-cli 3.0에서 프로젝트의 환경별 패키지 방식은 기본적으로 완료되었다. 다음은 동생이 생각한 프로그램들이 환경별 동적 인터페이스 도메인 이름 전환과 유사한 방안을 실현하는 방안에 대해 토론할 수 있다. 헤헤.
화려한 분할선 하나----------------------------------------------------------------------
애플릿 환경별 동적 도메인 이름 전환
전재 대상:https://juejin.im/post/5d0901c8e51d454d544abf65
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.