Fixes docker build

.github/workflows/aws.yml

@@ -59,7 +59,7 @@ jobs:
         # Build a docker container and
         # push it to ECR so that it can
         # be deployed to ECS.
-        docker build -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG .
+        make build -- -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG .
         docker push $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG
         echo "::set-output name=image::$ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG"
 

Dockerfile.dev

@@ -0,0 +1,6 @@
+# Dockerfile (tag: v3)
+FROM node:12.18.2
+WORKDIR /usr/src/app
+RUN npm config set registry http://registry.npmjs.org/ && npm install
+CMD ["npm", "start"]
+EXPOSE 8080 

Makefile

@@ -0,0 +1,5 @@
+dev:
+	@docker-compose -f docker-compose.dev.yml up --build
+
+prod:
+	@docker-compose -f docker-compose.yml up --build

docker-compose.dev.yml

@@ -0,0 +1,10 @@
+version: '3'
+services:
+  web:
+    build:
+      context: .
+      dockerfile: Dockerfile.dev
+    volumes:
+      - .:/usr/src/app/
+    ports:
+      - 8080:8080

webpack.config.js

@@ -1,30 +1,31 @@
-var path = require('path');
-var HtmlWebpackPlugin = require('html-webpack-plugin');
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
-    // Change to your "entry-point".
-    entry: './app/index',
-    output: {
-        path: path.resolve(__dirname, 'public'),
-        filename: 'app.bundle.js'
-    },
-    devServer: {
-      contentBase: './public',
-    },
-    resolve: {
-        extensions: ['.ts', '.tsx', '.js', '.json']
-    },
-    module: {
-        rules: [{
-            // Include ts, tsx, js, and jsx files.
-            test: /\.(ts|js)x?$/,
-            exclude: /node_modules/,
-            loader: 'babel-loader',
-        }],
-    },
-    plugins: [
-	new HtmlWebpackPlugin({
-	   template: path.resolve(__dirname, 'public/index.html')
-	})
-    ]
+  // Change to your "entry-point".
+  entry: './app/index',
+  output: {
+    path: path.resolve(__dirname, 'public'),
+    filename: 'app.bundle.js',
+  },
+  devServer: {
+    host: '0.0.0.0',
+    contentBase: './public',
+  },
+  resolve: {
+    extensions: ['.ts', '.tsx', '.js', '.json'],
+  },
+  module: {
+    rules: [{
+      // Include ts, tsx, js, and jsx files.
+      test: /\.(ts|js)x?$/,
+      exclude: /node_modules/,
+      loader: 'babel-loader',
+    }],
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+	   template: path.resolve(__dirname, 'public/index.html'),
+    }),
+  ],
 };