Update of Webpack config: emulation of BABEL_ENV var instead of NODE_ENV

Author: birdofpreyru

CHANGELOG.md

@@ -1,5 +1,13 @@
 # Topcoder React Utils Changelog
 
+### v0.2.0
+- Webpack configs for apps updated to emulate `process.env.BABEL_ENV` instead of
+  `process.env.NODE_ENV`. The original intent behind emulation of that constant
+  was to distinguish development and production bundles during the runtime; in
+  our code depending on this package it is `BABEL_ENV` allows to distinguish
+  the builds, while `NODE_ENV` serve to switch between dev and prod APIs to be
+  used during the runtime.
+
 ### v0.1.0
 The first release of the package. In general, everything is set up, we are going
 to move in difference stuff, without changing created package structure.

config/webpack/app-development.js

@@ -36,8 +36,8 @@ module.exports = function configFactory(ops) {
     plugins: [
       new webpack.DefinePlugin({
         'process.env': {
+          BABEL_ENV: JSON.stringify('development'),
           DEV_TOOLS: JSON.stringify(true),
-          NODE_ENV: JSON.stringify('development'),
         },
       }),
       new webpack.HotModuleReplacementPlugin(),

config/webpack/app-production.js

@@ -35,7 +35,7 @@ module.exports = function configFactory(ops) {
     plugins: [
       new webpack.DefinePlugin({
         'process.env': {
-          NODE_ENV: JSON.stringify('production'),
+          BABEL_ENV: JSON.stringify('production'),
         },
       }),
 

docs/webpack-config.md

@@ -113,10 +113,10 @@ mutation of the config object.
     - [`react-hot-loader/patch`](https://github.com/gaearon/react-hot-loader)
     - [`webpack-hot-middleware/client?reload=true`](https://github.com/glenjamin/webpack-hot-middleware)
   - Emulates the following environment variables:
-    - `DEV_TOOLS` — It is set to *true* to signal the code that
-      Redux dev tools should be enabled;
-    - `NODE_ENV` — It is set to *development* to inform any
+    - **`BABEL_ENV`** — It is set to *development* to inform any
       interested code that it is running in dev mode.
+    - **`DEV_TOOLS`** — It is set to *true* to signal the code that
+      Redux dev tools should be enabled;
   - Adds the following plugins:
     - [HotModuleReplacementPlugin](https://webpack.js.org/plugins/hot-module-replacement-plugin/);
     - [NoEmitOnErrorsPlugin](https://webpack.js.org/plugins/no-emit-on-errors-plugin/);
@@ -128,7 +128,7 @@ mutation of the config object.
   it differs from that in the following:
   - *production* Babel environment is enforced;
   - Emulates the following environment variables:
-    - `NODE_ENV` — It is set to *production*.
+    - **`BABEL_ENV`** — It is set to *production*.
   - Adds the following plugins:
     - [OptimizeCssAssetsPlugin](https://www.npmjs.com/package/optimize-css-assets-webpack-plugin);
     - [UglifyJsPlugin](https://webpack.js.org/plugins/uglifyjs-webpack-plugin/).