Update dockerfile to build content using webpack

Author: recrsn

.dockerignore

@@ -260,5 +260,5 @@ cython_debug/
 .idea
 sqlite_db
 
-static/assets/
+snowflake/static/assets/
 

.gitignore

@@ -134,4 +134,4 @@ dmypy.json
 sqlite_db
 
 node_modules/
-static/assets/
+snowflake/static/assets/

Dockerfile

@@ -1,3 +1,17 @@
+FROM node:latest as static
+
+WORKDIR /app
+
+COPY package*.json /app/
+RUN npm install
+
+COPY .babelrc /app/
+COPY webpack.config.js/ /app/
+COPY _frontend/ /app/_frontend
+
+
+RUN mkdir -p snowflake/static/assets && npm run build
+
 FROM python:3
 
 WORKDIR /app
@@ -9,5 +23,6 @@ COPY Pipfile* /app/
 RUN pipenv install --system
 
 COPY . /app
+COPY --from=static /app/snowflake/static/assets /app/snowflake/static/assets
 
 CMD gunicorn --bind 0.0.0.0:5000 snowflake:app

docker-compose.yml

@@ -6,16 +6,3 @@ services:
       - .env
     ports:
       - 5432:5432
-  app:
-    depends_on:
-      - db
-    build: .
-    env_file:
-      - .env
-    environment:
-      - PGHOST=db
-    ports:
-      - 5000:5000
-    volumes:
-      - .:/app
-    command: 'python -m snowflake'

migration.py

@@ -3,7 +3,7 @@
 import os
 from dataclasses import dataclass
 
-from db import open_connection
+from snowflake.db import open_connection
 
 
 @dataclass

snowflake/app.py

@@ -18,7 +18,7 @@
     OneOnOneActionItemStateChange
 from .models import Appreciation, Comment, Like, Mention, OneOnOne, OneOnOneActionItem, User
 
-app = Flask(__name__, static_folder="../static")
+app = Flask(__name__)
 app.secret_key = settings.SECRET_KEY
 
 login_manager = LoginManager()

webpack.config.js

@@ -3,15 +3,13 @@ const {CleanWebpackPlugin} = require("clean-webpack-plugin");
 
 const Manifest = require('webpack-manifest-plugin');
 
-const isDev = process.env.NODE_ENV !== 'production';
-
 module.exports = {
     "entry": {
-        "main": "./_frontend/index.js"
+        "main": path.resolve(__dirname, "_frontend/index.js")
     },
     "output": {
         "filename": "[name]-[chunkhash].js",
-        "path": path.resolve(__dirname, "static/assets"),
+        "path": path.resolve(__dirname, "snowflake/static/assets"),
     },
     "module": {
         "rules": [
@@ -45,6 +43,6 @@ module.exports = {
         new Manifest({writeToFileEmit: true})
     ],
     devServer: {
-        contentBase: path.resolve(__dirname, "static/assets"),
+        contentBase: path.resolve(__dirname, "snowflake/static/assets"),
     },
 };