jusemon/threejs-test
1
0
Fork 0
Code Issues Pull requests Releases Packages 1 Activity Actions

feat: add cache busting script for JS imports during Docker build

Browse source 
- Introduced a new script to append version query parameters to JS imports, ensuring proper cache busting in production.
- Updated Dockerfile to copy and execute the cache busting script during the build process.

This enhancement simplifies cache management for JavaScript files in production environments.
This commit is contained in:
Juan Sebastián Montoya 2025-11-26 19:39:59 -05:00
parent 9739d5e8e9
commit 5d6271f60c
2 changed files with 51 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
Dockerfile
View file

@ -11,6 +11,11 @@ RUN printf '{"version":"%s","buildDate":"%s"}\n' "${VERSION}" "${BUILD_DATE}" >
COPY index.html /usr/share/nginx/html/
COPY src/ /usr/share/nginx/html/src/
# Copy and run cache busting script (bash/sed - no external dependencies needed)
COPY build-cache-bust.sh /tmp/build-cache-bust.sh
RUN chmod +x /tmp/build-cache-bust.sh && \
/tmp/build-cache-bust.sh "${VERSION}" /usr/share/nginx/html
# Copy nginx configuration
COPY nginx.conf /etc/nginx/conf.d/default.conf

46
build-cache-bust.sh Executable file
View file

@ -0,0 +1,46 @@
#!/bin/sh
# Simple cache busting script - adds version query params to all JS imports
# Only runs during Docker build, not during local development
# This keeps development simple (no tools needed) while ensuring production cache busting
VERSION="${1:-dev}"
SRC_DIR="${2:-/usr/share/nginx/html}"
echo "Adding cache busting (v=${VERSION}) to JS imports in ${SRC_DIR}/src..."
# Find all JS files and add version query param to relative imports
find "$SRC_DIR/src" -type f -name "*.js" | while read -r file; do
# Skip if file doesn't exist
[ ! -f "$file" ] && continue
# Process file with sed to add version query params
# Pattern: from './path.js' or from "../path.js" or import('./path.js')
# Only match relative imports (./ or ../) ending in .js
# Skip if already has query params (contains ?)
# Handle single quote imports: from './path.js'
sed -i.bak \
-e "s|from '\\(\\.[./][^']*\\.js\\)'|from '\\1?v=${VERSION}'|g" \
-e "s|from '\\(\\.[./][^']*\\.js\\)?[^']*'|from '\\1?v=${VERSION}'|g" \
"$file"
# Handle double quote imports: from "./path.js"
sed -i.bak \
-e "s|from \"\\(\\.[./][^\"]*\\.js\\)\"|from \"\\1?v=${VERSION}\"|g" \
-e "s|from \"\\(\\.[./][^\"]*\\.js\\)?[^\"]*\"|from \"\\1?v=${VERSION}\"|g" \
"$file"
# Handle dynamic imports: import('./path.js')
sed -i.bak \
-e "s|import('\\(\\.[./][^']*\\.js\\)')|import('\\1?v=${VERSION}')|g" \
-e "s|import('\\(\\.[./][^']*\\.js\\)?[^']*')|import('\\1?v=${VERSION}')|g" \
-e "s|import(\"\\(\\.[./][^\"]*\\.js\\)\")|import(\"\\1?v=${VERSION}\")|g" \
-e "s|import(\"\\(\\.[./][^\"]*\\.js\\)?[^\"]*\")|import(\"\\1?v=${VERSION}\")|g" \
"$file"
# Remove backup file
rm -f "${file}.bak"
done
echo "Cache busting complete! All JS imports now include ?v=${VERSION}"