feat(dotenv): add script to load the .env file content

Author: erkobridee

.env.example

@@ -0,0 +1,6 @@
+API_PREFIX=api
+# if the project uses the API from another server / domain
+API_HOST=api.example.com (without protocol)
+# use it in case that the frontend is deployed together with the backend
+# on the server, so it will enable you to call the backend on the server
+PROXY_URL=https://server.example.com

.gitignore

@@ -58,6 +58,8 @@ typings/
 
 # dotenv environment variables file
 .env
+.env.*
+!.env.example
 
 # gatsby files
 .cache/

gatsby-config.js

@@ -1,5 +1,8 @@
 const postcssPresetEnv = require('postcss-preset-env');
 
+const dotenvParsed = require('./scripts/load-dotenv-config');
+console.log(`\n\n\n>> gatsby-config.js\n${JSON.stringify(dotenvParsed, null, 2)}\n\n\n`);
+
 const gatsbyConfig = {
 	siteMetadata: {
 		title: `Gatsby TypeScript Application Starter`,

gatsby-node.js

@@ -1,23 +1,13 @@
 const path = require('path');
 const webpack = require('webpack');
-const dotenv = require('dotenv');
 
-const activeEnv = process.env.ACTIVE_ENV || process.env.NODE_ENV || 'development';
-const dotenvPath = path.resolve(__dirname, `.env.${activeEnv}`);
-
-//www.gatsbyjs.org/docs/environment-variables/
-const dotenvConfig = dotenv.config({
-	path: dotenvPath,
-});
-
-if (dotenvConfig.error) {
-	console.log(`\n\n\ndotenv file not found: ${dotenvPath}\n\n\n`);
-}
+const dotenvParsed = require('./scripts/load-dotenv-config');
+console.log(`\n\n\n>> gatsby-node.js\n${JSON.stringify(dotenvParsed, null, 2)}\n\n\n`);
 
 exports.onCreateWebpackConfig = ({ actions }) => {
 	// make sure to have the process.env configs from the .env file available on the /src/* files
 	const plugins = [];
-	const { parsed: dotenvParsed } = dotenvConfig;
+	// const { parsed: dotenvParsed } = dotenvConfig;
 	if (dotenvParsed) {
 		const webpackDefinePluginConfig = {};
 		Object.keys(dotenvParsed).forEach(key => {

scripts/load-dotenv-config.js

@@ -0,0 +1,22 @@
+const path = require('path');
+const dotenv = require('dotenv');
+
+const activeEnv = process.env.ACTIVE_ENV || process.env.NODE_ENV || 'development';
+const dotenvPath = path.resolve(__dirname, '..', `.env.${activeEnv}`);
+
+//www.gatsbyjs.org/docs/environment-variables/
+const dotenvConfig = dotenv.config({
+	path: dotenvPath,
+});
+
+if (dotenvConfig.error) {
+	console.log(`\n\n\ndotenv file not found: '${dotenvPath}'\n\n\n`);
+}
+
+const { parsed: dotenvParsed } = dotenvConfig;
+
+if (dotenvParsed) {
+	console.log(`\n\ndotenv file '${dotenvPath}' loaded\n${JSON.stringify(dotenvParsed, null, 2)}\n\n`);
+}
+
+module.exports = dotenvParsed;