Estoy tratando de ver si hay una manera de indicar en la aplicación de reacción que es una puesta en escena a través de un banner cuando ejecutamos npm build con bandera de puesta en escena. La compilación de producción no debe tener este banner, sino solo una puesta en escena.
Puede lograr esto con el indicador de funciones.
El indicador de función le permite enviar su código a cualquier entorno que desee; sin embargo, la función (banner) será visible solo si está habilitada en el entorno específico.
Dado que desea probar la puesta en escena, puede habilitar la bandera allí y deshabilitarla en el código de producción. De esta manera, su código se enviará a otros entornos, pero no será visible en producción.
Muestra:
.env.development FEATURE_FLAG_TOP_BANNER=enabledBanner.tsx
// Some banner component return ( // Show your banner )index.tsx (el componente donde desea mostrar Banner)
if(process.env.FEATURE_FLAG_TOP_BANNER === 'enabled') return <Banner />Archivo de entorno de producción
.env.production FEATURE_FLAG_TOP_BANNER=disabledAhora que su entorno de desarrollo tiene FEATURE_FLAG_TOP_BANNER habilitado, siempre mostrará el banner. Lo mismo se aplica para la puesta en escena. Para uso en producción, configurarlo como deshabilitado no mostrará el banner.
Opcionalmente: si varios archivos env son nuevos para usted y suena un poco confuso, puede crear un solo archivo .env que en local y en preparación tendría el indicador de función configurado en habilitado y en producción establecerlo en deshabilitado o simplemente no tener esa clave en el archivo prod.
Lea más: https://www.atlassian.com/continuous-delivery/principles/feature-flags