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  测试环境
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值