收藏
回答

请问各位开发者是如何支持小程序多环境运行的?

由于小程序开发框架的特殊性,直接打断了我们团队原本前端的CI/CD自动集成工具链。

我们想了一些办法,让小程序开发、打包发布尽量不依赖手工、重用H5资产,比如:

1、尽量使用WebView来重用H5页面和代码;

2、在集中化的配置文件中(且称为Config.js),通过启动参数来判断环境,使用不同的配置尤其是后台地址。

但是这样无论如何绕不开Config.js中,必须写死多套配置,上正式环境后是个潜在的安全风险不说,多人开发时,并不能很方便地各自配置自己的参数(比如IP地址),必须得修改Config.js文件,一不小心就提交到代码库上覆盖他人的配置。

不知道各位开发者是如何解决这个问题的?

我现在有个思路,以及一些探索:

1、使用Webpack DefinePlugin,通过一个Config.js模板,生成另一个实际被使用的Config.js文件;

这种方式的好处,是可以利用Webpack的完整生态,包括DefinePlugin已经完成的功能,Webpack的自动热更新;缺点是DefinePlugin的配置不那么友好,还是得自己做一些改造实现从环境变量或配置文件加载配置。

2、自己实现一个编译脚本,参考Vue的环境变量机制,支持从.env文件中加载变量,替换Config.js模板中的变量,生成实际使用的Config.js文件

这种方式,也可以利用DefinePlugin实现,或者自己正则替换Config.js中的变量来实现,重点在于读取.env文件的机制得自己实现,vue-cli的代码可以参考不能直接用。

反正不管怎样,都涉及自定义Webpack打包脚本,动手之前,想看看各位看官有没有更简单的方法?

最后一次编辑于  09-25
回答关注问题邀请回答
收藏
问题标签