背景：

H5聊天机器人配置功能，希望在demo-test环境中生效，但是暂时还不希望跟着BF2.1.4版本。demo-test环境又是和2.1.4版本同步的，所以如果要在两个环境中差别维护H5配置这个功能,在升级或更新时需要额外的精力对这个模块做处理。所以希望通过能否在部署工程中配置个开关，对这个功能部署时控制是否展示。

技术实现原理：

原理和设置nginx配置文件一样，前端先定好一个模版，通过变量注入的方式来获取对应变量值。理解前端工程从构建到启动容器这个阶段，就很好理解这种实现方式。

文件说明：

common_variable.js.template

原文链接https://zhuanlan.zhihu.com/p/40733281

先说结论一：

什么是微前端

引用https://hackernoon.com/understanding-micro-frontends-b1c11585a297这篇文章的定义

Micro Frontends背后的想法是将网站或Web应用视为独立团队拥有的功能组合。每个团队都有一个独特的业务或任务领域，做他们关注和专注的事情。团队是跨职能的，从数据库到用户界面开发端到端的功能。（micro-frontends.org）