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:(開発環境を判断する)

まず、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  测试环境
}

おすすめ

転載: blog.csdn.net/qq_41194534/article/details/89841440