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

背景

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

方案

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

而后经过咱们经常使用的node对象中的process.env.NODE_ENV在package.json中去配置不一样字段打印不一样的域名判断；具体的逻辑以下：

• 安装依赖

• 查看package.json是否安装成功、wepy.config.js配置plugins

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

• 执行不一样的命令、执行不一样的环境watch

参考资料：
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...