turn back dotenv

README.md

@@ -637,6 +637,9 @@ You can attach to locally running backend by providing `REMARK_URL` environment
 npx cross-env REMARK_URL=http://127.0.0.1:8080 npm start
 ```
 
+**Note** If you want to redefine env variables such as `PORT` on your local instance you can add `.env` file
+to `./frontend` folder and rewrite variables as you wish. For such functional we use `dotenv`
+
 The best way for start local developer environment:
 ```sh
 cp compose-dev-frontend.yml compose-private-frontend.yml

frontend/README.md

@@ -1,5 +1,4 @@
 # Frontend guide
-
 ### Code Style
 
 - project uses typescript to statically analyze code

frontend/package-lock.json

@@ -4957,6 +4957,12 @@
         }
       }
     },
+    "dotenv": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-8.2.0.tgz",
+      "integrity": "sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==",
+      "dev": true
+    },
     "duplexer": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",

frontend/package.json

@@ -65,6 +65,7 @@
     "codecov": "^3.8.1",
     "cross-env": "^7.0.3",
     "css-loader": "^5.0.1",
+    "dotenv": "^8.2.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-preact-pure": "^2.2.3",
     "eslint": "^7.17.0",

frontend/webpack.config.js

@@ -1,5 +1,6 @@
-const path = require('path');
+require('dotenv').config();
 
+const path = require('path');
 const webpack = require('webpack');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');