This is a bit more than a html5 and gulp boilerplate, it also includes setup for
feature | check |
---|---|
express server | ✅ |
gzip, https^, http2^ | ✅ |
html, css, js minifier | ✅ |
html, css, js prettifier | ✅ |
js uglifier | ✅ |
css precompilers: sass, less | ✅ |
css autoprefixing: css, sass, less | ✅ |
css and js file combining | ✅ |
image resizing | ✅ |
image optimization | ✅ |
for mac users
brew install imagemagick
brew install graphicsmagick
npm install
npm run bsw
npm run build
npm run clean
npm run clean-all
npm run pretty
to use https://localhost
for mac users
$ cd; mkdir .ssl
$ openssl version || brew install openssl
$ openssl req -newkey rsa:2048 -x509 -nodes -keyout .ssl/localhost.key -new -out .ssl/localhost.crt -subj /CN=localhost -reqexts SAN -extensions SAN -config <(cat /System/Library/OpenSSL/openssl.cnf <(printf '[SAN]\nsubjectAltName=DNS:localhost')) -sha256 -days 3650
$ sudo security add-trusted-cert -d -r trustRoot -k /Library/Keychains/System.keychain .ssl/localhost.crt
If you're seeing any errors related to image packages/libraries it may help to build imagemagick and/or graphicsmagick from source
brew uninstall imagemagick
brew install imagemagick --build-from-source