方法 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:(開発環境を判断する)
まず、global-define プラグインをインストールする必要があります
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 测试环境
}