minify

ising because it inlined my `@import css` into my HTML, and logged out the filesize. The watch and reload feature wasn't working as promised, but that was nice to have anyways. For Brotli compression, which is mainstream at this point, I quickly needed to add a `.parcelrc` config. Their code sample didn't work because it turns out that in the real world you need to make your .parcelrc extend/inherit "@parcel/config-default". Parcel stopped logging at the compressed file sizes and not the final Brotli file sizes. Finally, Parcel's dev server is useless to me because you can't set encoding headers for "Brotli" files so the browser just attempts to download it. I didn't have a .gitignore file, and adding this one Node dependency on Parcel added 3,000 new files. To be fair, that's miniscule for a Node project. I asked myself if I can achieve the same results with CLI tools that are not Node. I first looked to the Golang ecosystem. I stumbled upon https://github.com/tdewolff/minify. It just does minification. It's comparable in output size to other Node minifiers, but faster and just works. The lexer code is very readable, even for me who is not a compiler or systems expert. It's one command to install the CLI, and one command to Minify. You can do `npm install global -g` to get CLIs, but Node supply chains tend to be much deeper. This bespoke one-liner does the CSS inlining for me: RUN sed -i "s/@import \"style.css\"/$(cat style.css)/g" index.html` For Brotli compression, I went with the official first party CLI ( also Go based ) instead of using a third-party wrapper like you'd have to do with JavaScript. One thing I was missing in NPM scripts as a self-documenting way of describing what commands to build, run, test. I've seen cases where people are beholden to a `package.json`, sometimes when their project doesn't even involve JavaScript. When you have a hammer, everything looks like a nail. It turns out Makefiles are a better way of doing this, especially if you don't already have a active relationship with Node .PHONY: help help: ## This help. @awk 'BEGIN {FS = ":.*?## "} /^[a-zA-Z_-]+:.*?## / {printf "\033[36m%-30s\033[0m %s\n", $$1, $$2}' $(MAKEFILE_LIST) # DOCKER TASKS build: ## Build the container podman build -t ${APP_NAME} . run: ## Run container on port configured in `config.env` podman run -it --rm -d --env-file=./config.env - p=$(HOST_PORT):80 --name="$(APP_NAME)" It's even better than self-documentation, because the documentation is self-documenting: $ make help help This help. build Build the container run Run container on port configured in `config.env`

="arch -x86_64" alias ibrew='arch -x86_64 /usr/local/bin/brew' alias upgrade="ibrew upgrade && m1 brew upgrade && mas upgrade" alias docker-clean='docker ps -aq | xargs -P $(nproc) -n1 docker rm -f ; docker rmi -f $(docker images --filter "dangling=true" -q --no-trunc)' alias autoscalerstatus="kubectl describe -n kube-system configmap cluster-autoscaler-status" alias evictedpods="kubectl get pods --all-namespaces --field-selector=status.phase=Failed" 2qr() { qrencode "$1" -t ANSI256 -o - } curl_status() { if [ -n "${1}" ]; then curl -L -o /dev/null --silent --head --write-out '%{http_code}\n' "$1" fi } webp_convert() { local file="$1" cwebp -q 100 "$file" -o "${file%.\*}.webp" } To minify everything (using https://github.com/tdewolff/minify) find ./dist/ -type f \( \ -name "*.html" \ -o -name '*.js' \ -o -name '*.css' \ -o -name '*.svg' \ -o -name "*.xml" \ -o -name "*.json" \ -o -name "*.htm" \ \) \ -and ! -name "*.min\*" -print0 | xargs -0 -n1 -P4 -I '{}' sh -c 'minify -o "{}" "{}"'