diff --git a/static/src/store/index.js b/static/src/store/index.js
index 17fd8bc7..44d8fd9f 100644
--- a/static/src/store/index.js
+++ b/static/src/store/index.js
@@ -1,9 +1,12 @@
 import { configureStore } from '@reduxjs/toolkit'
 import { assetsReducer, assetModalReducer } from '@/store/assets'
 
+const environment = process.env.ENVIRONMENT || 'production'
+
 export const store = configureStore({
   reducer: {
     assets: assetsReducer,
     assetModal: assetModalReducer,
   },
+  devTools: environment === 'development',
 })
diff --git a/webpack.dev.js b/webpack.dev.js
index 37844c3f..535345d7 100644
--- a/webpack.dev.js
+++ b/webpack.dev.js
@@ -1,5 +1,6 @@
 const { merge } = require("webpack-merge");
 const common = require("./webpack.common.js");
+const webpack = require('webpack');
 
 module.exports = merge(common, {
   devtool: "source-map",
@@ -8,4 +9,9 @@ module.exports = merge(common, {
     contentBase: "./static/dist",
     hot: true,
   },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.ENVIRONMENT': JSON.stringify('development')
+    })
+  ]
 });
diff --git a/webpack.prod.js b/webpack.prod.js
index ed0670ee..11471a6a 100644
--- a/webpack.prod.js
+++ b/webpack.prod.js
@@ -1,6 +1,12 @@
 const { merge } = require('webpack-merge');
 const common = require('./webpack.common.js');
+const webpack = require('webpack');
 
 module.exports = merge(common, {
   mode: 'production',
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.ENVIRONMENT': JSON.stringify('production')
+    })
+  ]
 });