del v7.0.0 moved to pure ESM (no dual support), which forced me to move my gulpfile to ESM to be able to continue to use del.
The author sindresorhus maintains a lot of npm packages and does not want to provides an upgrade guide for each package so he provided a generic guide. But this guide is a bit vague because it's generic and not helping for gulp, hence this guide.
⚠️ Note 2023-01-21
Some things have changed since I originally wrote this in 2016. I have updated a few minor details, and the advice is still broadly the same, but there are some new Cloudflare features you can (and should) take advantage of. In particular, pay attention to Trevor Stevens' comment here from 22 January 2022, and Matt Stenson's useful caching advice. In addition, Backblaze, with whom Cloudflare are a Bandwidth Alliance partner, have published their own guide detailing how to use Cloudflare's Web Workers to cache content from B2 private buckets. That is worth reading,
by Jenny Knuth, based on the work of Chris Coyier and Taylor Hunt
A data URI is a nice way to include a web resource without needing to make an HTTP request. Chris Coyier explains the technique nicely in Probably Don't Base64 SVG.
While a PNG might use Base64 encoding, for SVG, there is a better way.
Taylor Hunt's experiments led to this solution for optimizing SVGs in data URIs:
"So the best way of encoding SVG in a data URI is data:image/svg+xml,[actual data]. We don’t need the ;charset=utf-8 parameter (or the invalid ;utf8 parameter…), because URLs are always ASCII."
| import System; | |
| import System.Windows.Forms; | |
| import Fiddler; | |
| // INTRODUCTION | |
| // | |
| // Well, hello there! | |
| // | |
| // Don't be scared! :-) | |
| // |
| # customized Apache configuration | |
| # add this to the end of /etc/httpd/conf/httpd.conf | |
| # or put it in a separate file such as /etc/httpd/conf.d/apex.conf | |
| # disable sensitive version info | |
| ServerSignature Off | |
| ServerTokens Prod | |
| # standard alias for Apex image files | |
| Alias /i/ "/var/www/apex/images/" |
| reload() { | |
| source ${BASH_SOURCE[0]} | |
| } | |
| alias r=reload | |
| get-image-field() { | |
| local imageId=$1 | |
| local field=$2 | |
| : ${imageId:? reuired} |