diff --git a/src/webpack/getWebpackDevConfig.js b/src/webpack/getWebpackDevConfig.js
index 30a4798d10..904b4a3bd1 100644
--- a/src/webpack/getWebpackDevConfig.js
+++ b/src/webpack/getWebpackDevConfig.js
@@ -134,6 +134,7 @@ module.exports = (config) => {
     new webpack.HotModuleReplacementPlugin(),
     new Dotenv({
       silent: true,
+      systemvars: true,
     }),
   ];
 
diff --git a/src/webpack/getWebpackProdConfig.js b/src/webpack/getWebpackProdConfig.js
index 832190ddc9..c75e1e12e0 100644
--- a/src/webpack/getWebpackProdConfig.js
+++ b/src/webpack/getWebpackProdConfig.js
@@ -123,6 +123,7 @@ module.exports = (config) => {
     }),
     new Dotenv({
       silent: true,
+      systemvars: true,
     }),
   ];