diff --git a/Dockerfile b/Dockerfile index 7c7e7c99e87f6e3d0c80a8a5dc41a32fdcf9078c..e7e03383e0d3f4195bf1260b42a5894763a5e474 100644 --- a/Dockerfile +++ b/Dockerfile @@ -1,5 +1,6 @@ FROM node:16.13.0-alpine ARG API_URL +ARG MAPBOX_ACCESS_TOKEN # Based on https://nodejs.org/en/docs/guides/nodejs-docker-webapp/ @@ -18,9 +19,9 @@ COPY babel.config.js ./ # Bundle app source COPY src ./src -# Run the scripts defined in package.json +# Run the scripts defined in package.json using build arguments RUN npm install && \ -API_URL=$API_URL npm run build +API_URL=$API_URL MAPBOX_ACCESS_TOKEN=$MAPBOX_ACCESS_TOKEN npm run build EXPOSE 3001 diff --git a/webpack.client.common.js b/webpack.client.common.js index 5b0880a2a6688cbbf99ab9dbed4758499eca6b64..3f58fe0970eae66fa9798d9b660e9b891e0724cc 100644 --- a/webpack.client.common.js +++ b/webpack.client.common.js @@ -1,11 +1,12 @@ const path = require('path') -const dotenv = require('dotenv').config() +require('dotenv').config() const HtmlWebpackPlugin = require('html-webpack-plugin') const { CleanWebpackPlugin } = require('clean-webpack-plugin') const webpack = require('webpack') const outputDirectory = 'dist/public' const apiUrl = typeof process.env.API_URL !== 'undefined' ? process.env.API_URL : 'http://localhost:3001/api/v1' +const mapboxAccessToken = typeof process.env.MAPBOX_ACCESS_TOKEN !== 'undefined' ? process.env.MAPBOX_ACCESS_TOKEN : 'MAPBOX_ACCESS_TOKEN missing' module.exports = { entry: { @@ -29,7 +30,7 @@ module.exports = { }), new webpack.DefinePlugin({ 'process.env.API_URL': JSON.stringify(apiUrl), - 'process.env': JSON.stringify(dotenv.parsed) + 'process.env.MAPBOX_ACCESS_TOKEN': JSON.stringify(mapboxAccessToken) }) ], output: {