A simple Gulp framework with a development server and production script for front-end projects using HTML, CSS and Vanilla JavaScript.
- Browser "reset" using
normalize.css - Production build with minified HTML, CSS, JavaScript (using Babel 8) and images
- Automatically add browser prefixes with
postcssandautoprefixer(default set to last 2 versions) - Local development server with hot reloading using
browser-sync
- Git clone or fork the repository
npm installornpm ito install dependenciesgulp serveto launch development server with hot reloading atlocalhost:8080gulp buildto run the production task- Do all of your work in the
srcdirectory and build production files to thedistdirectory
- Minor dependency updates
- Minor dependency updates
- Minor dependency updates
- Minor dependency updates
- Minor dependency updates
- Minor dependency updates
- Minor dependency updates
- Add support for CSS Nesting
- Replace
purifycsswithpurgecss - Remove unnecessary normalize task from
gulpfile.js
- Minor dependency updates
- Comment clean up
- Changed all packages used in
gulpfile.jsfromrequire()to ESMimportsyntax - Cleaned up
gulpfile.jscomments and reordered code - Removed separate
postcss.config.jsfile and add that information togulpfile.js - Removed Sass in favor of pure CSS
- Updated all npm packages to latest versions
- Removed Google Analytics template language in
index.html
- Updated all dependencies to most current versions as of June 5, 2023
- Replaced deprecated packages and babel-eslint
- Added configurations for ESLint, Stylelint, Prettier
- Several semver breaking updates to dependencies
- Minor tweaks to
gulpfile.jsdue to linting
gulpv4.0.1normalize.cssv8.0.1browser-syncv2.26.5 for development server with hot reloading- HTML minification with
gulp-htmlminv5.0.1 - CSS minification and prefixing with
autoprefixerv9.5.1 &gulp-postcssv8.0.0 - Removal of dead/unused CSS with
gulp-purifycssv0.2.0 - JavaScript minification with Babel 7 (
@babel/corev7.4.3,gulp-babelv7.4.3) &gulp-uglifyv3.0.2 - Image minification with
gulp-imageminv5.0.3 - Remove comments in production files with
gulp-strip-commentsv2.5.2
Link to the last version using Gulp v3 can be found here.
gulpv3.9.1normalize.cssv8.0.0- Compile
.scssto CSS withgulp-sassv4.0.1, add browser prefixes withgulp-postcssv7.0.5 andautoprefixerv9.1.5 plugin, and minify withgulp-clean-cssv3.10.0 - Compile JavaScript with Babel 7 (
gulp-babelv8.0.0,@babel/corev7.1.2,@babel/preset-envv7.1.0) and minifiy withgulp-uglifyv3.0.1 - Minified images with
gulp-imageminv4.1.0 browser-syncv2.26.0 for local server and hot reloading of changed files; bypass unchanged files withgulp-changedv3.2.0
