minikvm/Openterface_assets
0
0
Fork 0
mirror of https://github.com/TechxArtisanStudio/Openterface_assets.git synced 2025-06-10 16:33:42 -07:00
Code Issues Packages Projects Releases Wiki Activity

fix: unify directory creation for CSS and JS minification

Browse Source
This commit is contained in:
Kevin Peng
2025-04-20 09:15:40 +08:00
parent ed0a582299
commit dcdf632884
1 changed files with 47 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
build.sh
View File

@@ -1,27 +1,59 @@
#!/bin/bash #!/bin/bash
# Create necessary directories # Create necessary directories
echo "Creating necessary directories..."
mkdir -p dist/css mkdir -p dist/css
mkdir -p dist/js mkdir -p dist/js
mkdir -p dist/images mkdir -p dist/images
# Copy all images to dist/images while preserving folder structure # Copy all images to dist/images while preserving folder structure
echo "Copying images to dist/images..."
rsync -a src/images/ dist/images/ rsync -a src/images/ dist/images/
echo "Images copied successfully."
# Convert images to WebP format while preserving folder structure # Generate a list of image files to convert to WebP
find src/images -type f \( -iname "*.png" -o -iname "*.jpg" -o -iname "*.jpeg" \) -exec sh -c ' echo "Generating list of image files to convert to WebP..."
mkdir -p "dist/images/$(dirname "$1" | sed "s|^src/images/||")" && image_files=$(find src/images -type f \( -iname "*.png" -o -iname "*.jpg" -o -iname "*.jpeg" \))
cwebp "$1" -o "dist/images/$(dirname "$1" | sed "s|^src/images/||")/$(basename "${1%.*}.webp")" echo "Image files to process:"
' _ {} \; echo "$image_files"
# Minify CSS files while preserving folder structure # Convert images to WebP format
find src/css -type f -name "*.css" -exec sh -c ' echo "Converting images to WebP format..."
mkdir -p "dist/css/$(dirname "$1" | sed "s|^src/||")" && for file in $image_files; do
csso "$1" -o "dist/css/$(dirname "$1" | sed "s|^src/||")/$(basename "${1%.css}.min.css")" target_dir="dist/images/$(dirname "$file" | sed "s|^src/images/||")"
' _ {} \; mkdir -p "$target_dir"
echo "Processing image: $file -> $target_dir/$(basename "${file%.*}.webp")"
cwebp "$file" -o "$target_dir/$(basename "${file%.*}.webp")"
done
# Minify JS files while preserving folder structure # Generate a list of CSS files to minify
find src/js -type f -name "*.js" -exec sh -c ' echo "Generating list of CSS files to minify..."
mkdir -p "dist/js/$(dirname "$1" | sed "s|^src/||")" && css_files=$(find src/css -type f -name "*.css")
uglifyjs "$1" -o "dist/js/$(dirname "$1" | sed "s|^src/||")/$(basename "${1%.js}.min.js")" echo "CSS files to process:"
' _ {} \; echo "$css_files"
# Minify CSS files
echo "Minifying CSS files..."
for file in $css_files; do
target_dir="dist/css/$(dirname "$file" | sed "s|^src/||")"
mkdir -p "$target_dir"
echo "Processing CSS: $file -> $target_dir/$(basename "${file%.css}.min.css")"
csso "$file" -o "$target_dir/$(basename "${file%.css}.min.css")"
done
# Generate a list of JS files to minify
echo "Generating list of JS files to minify..."
js_files=$(find src/js -type f -name "*.js")
echo "JS files to process:"
echo "$js_files"
# Minify JS files
echo "Minifying JS files..."
for file in $js_files; do
target_dir="dist/js/$(dirname "$file" | sed "s|^src/||")"
mkdir -p "$target_dir"
echo "Processing JS: $file -> $target_dir/$(basename "${file%.js}.min.js")"
uglifyjs "$file" -o "$target_dir/$(basename "${file%.js}.min.js")"
done
echo "Build process completed."