Parcel > Vite

Author: dullage

.dockerignore

@@ -11,3 +11,4 @@
 !server/**
 !entrypoint.sh
 !.htmlnanorc
+!vite.config.js

Dockerfile

@@ -1,16 +1,14 @@
 ARG BUILD_DIR=/build
 
 # Build Container
-FROM --platform=$BUILDPLATFORM python:3.11-slim-bullseye AS build
+FROM --platform=$BUILDPLATFORM node:20-alpine AS build
 
 ARG BUILD_DIR
 
 RUN mkdir ${BUILD_DIR}
 WORKDIR ${BUILD_DIR}
 
-RUN apt update && apt install -y npm
-
-COPY package.json package-lock.json .htmlnanorc ./
+COPY package.json package-lock.json vite.config.js .htmlnanorc ./
 RUN npm ci
 
 COPY client ./client

Dockerfile.experimental

@@ -1,16 +1,14 @@
 ARG BUILD_DIR=/build
 
 # Client Build Container
-FROM --platform=$BUILDPLATFORM python:3.11-slim-bullseye AS build
+FROM --platform=$BUILDPLATFORM node:20-alpine AS build
 
 ARG BUILD_DIR
 
 RUN mkdir ${BUILD_DIR}
 WORKDIR ${BUILD_DIR}
 
-RUN apt update && apt install -y npm
-
-COPY package.json package-lock.json .htmlnanorc ./
+COPY package.json package-lock.json vite.config.js .htmlnanorc ./
 RUN npm ci
 
 COPY client ./client

client/api.js

@@ -1,8 +1,8 @@
-import * as constants from "./constants";
+import * as constants from "./constants.js";
 
-import EventBus from "./eventBus";
+import EventBus from "./eventBus.js";
 import axios from "axios";
-import { getToken } from "./tokenStorage";
+import { getToken } from "./tokenStorage.js";
 
 const api = axios.create();