wepy根据不同打包命令配置不同的全局变量

发布时间:2019-08-19 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了wepy根据不同打包命令配置不同的全局变量脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
背景

公司小程序的技方案采用的一直的是wepy框架,支持组件化、promise、支持ES6/7 等优点,但是随着业务的增多,出现了不同环境、和不同的埋点域名等一直手动切换,难免出现一些遗漏的问题,故此网上查找资料根据命令自动化打包

方案

wepy的框架有个公共的配置文件wepy.config.js文件是项目运行的时候统一的配置管理文件、相信vue、react等都有类似的配置文件,这次我们用到的是babel-plugin-transform-node-env-inline】他的作用就是在业务代码中可以找到nodeprocess全局对象,

然后通过我们常用的node对象中的PRocess.env.NODE_ENV在package.json中去配置不同字段打印不同的域名判断;具体的逻辑如下:

  • 安装依赖

wepy根据不同打包命令配置不同的全局变量

wepy根据不同打包命令配置不同的全局变量

wepy根据不同打包命令配置不同的全局变量

  • 创建config文件封装公共的打包方法、抛出域名

wepy根据不同打包命令配置不同的全局变量

  • 执行不同的命令、执行不同的环境watch

wepy根据不同打包命令配置不同的全局变量

参考资料:
https://blog.csdn.net/sdfujic...

https://github.com/Tencent/we...

https://www.webpackjs.com/plu...

https://www.jianshu.com/p/9c2...

https://blog.csdn.net/sdfujic...

脚本宝典总结

以上是脚本宝典为你收集整理的wepy根据不同打包命令配置不同的全局变量全部内容,希望文章能够帮你解决wepy根据不同打包命令配置不同的全局变量所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。