Wepy는 환경 변수를 기반으로 환경을 결정하고 프로젝트 실행 매개변수를 변경합니다.

방법 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  测试环境
}

추천

출처blog.csdn.net/qq_41194534/article/details/89841440