Inserting variables-loader

Author: andrelmlins

packages/react-dependency-scripts/configs/webpack.config.js

@@ -47,6 +47,10 @@ const configWebpack = ({ mode }) => {
             presets: [require.resolve('babel-preset-react-app')]
           }
         },
+        {
+          test: /\.(ts|js)x?$/,
+          use: ['variables-loader']
+        },
         {
           test: /\.(gif|png|jpe?g|svg)$/i,
           use: ['file-loader', { loader: 'image-webpack-loader' }]

packages/react-dependency-scripts/package.json

@@ -43,6 +43,7 @@
     "open": "^7.0.2",
     "sass-loader": "^8.0.2",
     "style-loader": "^1.1.3",
+    "variables-loader": "^0.2.0",
     "webpack": "^4.41.6",
     "webpack-dev-server": "^3.10.3"
   }

yarn.lock

@@ -4753,6 +4753,11 @@ dot-prop@^4.2.0:
   dependencies:
     is-obj "^1.0.0"
 
+dotenv@^8.2.0:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.2.0.tgz#97e619259ada750eea3e4ea3e26bceea5424b16a"
+  integrity sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==
+
 download@^6.2.2:
   version "6.2.5"
   resolved "https://registry.yarnpkg.com/download/-/download-6.2.5.tgz#acd6a542e4cd0bb42ca70cfc98c9e43b07039714"
@@ -11837,6 +11842,14 @@ validate-npm-package-name@^3.0.0:
   dependencies:
     builtins "^1.0.3"
 
+variables-loader@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/variables-loader/-/variables-loader-0.2.0.tgz#142d5e3824e80685d64f4cb091ef1535614c1619"
+  integrity sha512-o0dCEcwJyGzloBhcEnm0VhhY40cC93Z5yTWY3pDGUa51NC3y+0YWf68xeZn1h8vP8XjI4700wtiPfRONU4hxtg==
+  dependencies:
+    dotenv "^8.2.0"
+    loader-utils "^1.2.3"
+
 vary@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"