Estoy creando una aplicación web HTML y escribiendo todo mi código en TypeScript. Utilizo webpack para convertir TypeScript a JavaScript y para agrupar y minimizar todos mis archivos fuente individuales en un solo archivo javaScript main.js.
Me gustaría saber si el archivo main.js que estoy ejecutando en el navegador se generó a partir de una compilación de desarrollo usando un paquete web o una compilación de producción. ¿Cómo puedo hacer esto?
Por ejemplo, en la configuración de desarrollo del paquete web hago:
new webpack.DefinePlugin( { IS_DEBUG_MODE: JSON.stringify( true ), } ),¿Cómo puede el archivo compilado main.js usar esta información para:
consola.log('isDebugMode', ?? );
Intenté hacer process.env.IS_DEBUG_MODE pero el navegador me da un error que indica que el proceso no está definido.
Descubrí que puedo usar el complemento html-webpack-plugin con parámetros de plantilla para pasar información de webpack a html.
https://github.com/jantimon/html-webpack-plugin/tree/main/examples/template-parameters