🌱 Gulp + eleventy
Scatch pad trying to get a system I liked using 11ty and gulp
https://gulpjs.com/ https://github.com/khawkins98/gulp-eleventy-example
https://github.com/the-web-workers/eleven-fifty-design-system/blob/master/gulpfile.jsl
https://github.com/SimonPadbury/eleventy-gulp-and-sass
Fork to access 11ty commands in gulp https://www.allaboutken.com/posts/20191021-integrating-eleventy-with-gulp.html
Sass + Eleventy https://www.hawksworx.com/blog/keeping-sass-simple-and-speedy-on-eleventy/
KEEPING SASS SIMPLE AND SPEEDY ON ELEVENTY https://www.hawksworx.com/blog/keeping-sass-simple-and-speedy-on-eleventy/
dev
gulp & eleventy
Edit js or html -> eleventy -> dist/html -> browser refresh
Edit styles -> gulp -> postcss -> tmp/style.css -> browser refresh
postcss tailwind eleventy
browsersync refresh all on save
prod
Build -> eleventy -> dist/html -> gulp -> postcss -> tmp/style.css -> gulp -> inline css -> inline js -> minify
Inlined css https://www.npmjs.com/package/gulp-inline-source
Inlined js https://www.npmjs.com/package/gulp-inline-source
minify https://www.npmjs.com/package/gulp-htmlmin https://www.npmjs.com/package/gulp-minify-inline