No soy muy bueno con las tecnologías front-end... Entonces, si tengo expectativas equivocadas, corríjame a mí o a mi código. He creado un repositorio con código que permite reproducir el problema. Aquí está el enlace: https://github.com/ffatheranderson/webpack-issue-reproduction
como se describe en readme.md del proyecto:
========================================
npm run watch , el archivo result/bundle.js generado tenga estas líneas: ... var _environment = 'development'; var _ANOTHER_VARIABLE = "another variable value"; ...npm run watch - el archivo result/bundle.js generado contiene estas líneas: ... var _environment = undefined; var _ANOTHER_VARIABLE = "another variable value"; ... ... plugins: [ new webpack.DefinePlugin({ ENVIRONMENT: JSON.stringify(process.env.NODE_ENV), ANOTHER_VARIABLE: JSON.stringify("another variable value"), }) ] ... en el archivo webpack.config.js .
Como puede ver, la variable _environment no se inicializa con el valor de development como se promete aquí: https://webpack.js.org/configuration/mode/
========================================
_environment no está undefined porque la variable de entorno NODE_ENV no está definida. Puedes resolver esto en uno de tres:
npm run watch --node-env=development : https://webpack.js.org/api/cli/#node-envNODE_ENV en su sesión de shell actual: $ export NODE_ENV=production; npm run watch--env , un archivo en el disco, codificarlo, etc.)