wepy判断环境,根据环境变量来改变项目运行参数

方法一:

在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

方法二:(判断开发环境)

先需要装 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