방법 1:
wepy 프로젝트 디렉터리에 wepy.config.js 파일이 있고, 이 js 파일에 appConfig 필드가 있습니다.
appConfig: {
serverUrl: process.env.NODE_ENV === 'production' ? 'https://a.com/' : 'https://a.test.com/'
//正式环境 https://a.com 测试环境 https://a.test.com
}
도메인 이름을 수동으로 수정하지 않고도 로컬에서 작은 프로그램을 디버깅하고 게시하는 것이 편리합니다.
appConfig에서는 다른 필드(상수)를 추가하고 버전 번호를 추가하는 등 프로젝트의 모든 페이지에서 사용할 수 있으며 다른 페이지는 다음과 같은 방식으로 값을 얻을 수 있습니다.
const serverUrl=wepy.$appConfig.serverUrl
방법 2: (개발 환경 판단)
먼저 전역 정의 플러그인을 설치해야 합니다.
npm i babel-plugin-global-define --save-dev
그런 다음 wepy.config.js에서 전역 변수를 구성할 수 있습니다.
var prod = process.env.NODE_ENV === 'production'; //判断是不是正式环境
babel: {
sourceMap: true,
presets: [
'env'
],
plugins: [
'transform-class-properties',
'transform-decorators-legacy',
'transform-object-rest-spread',
'transform-export-extensions',
['global-define',{
__NODE__:prod
}]
]
}
컴파일 명령
npm run dev //正式环境
npm run build //测试环境
app.wpy에서 환경 결정
onLaunch(){
console.log(_NODE_) //true 正式环境 false 测试环境
}