necheporenko / universal-gulp-html-boilerplate

A universal boilerplate and workflow for building web projects.

Universal Gulp HTML Boilerplate

Features

• Gulp 4
• SASS / SCSS
• Autoprefix, compile, concatenate, minify, lint
• Eslint, Prettier, Stylelint
• Livereload
• Placeholder CSS media queries
• Optimize images
• WebP
• Production mode

Getting Started

CLONE THE GIT REPO:

git clone https://github.com/necheporenko/universal-gulp-html-boilerplate
cd universal-gulp-html-boilerplate

INSTALL YARN:

npm install -g yarn

INSTALL DEPENDENCIES

yarn

START WORKFLOW:

yarn dev

PRODUCTION TEMPLATE

yarn build

CLEAR CACHE

yarn clear

File Structure

├── dev               # Build files
├── dist              # Distribution files
├── src               # Source files
│ ├── components      # Components directory
│ ├── files           # Other files directory
│ ├── fonts           # Fonts directory
│ ├── images          # Images directory
│ ├── js              # JavaScript files
│ ├── libs            # Libs directory
│ ├── pages           # HTML files
│ └── styles          # Styles files
├── .editorconfig     # Editor configuration
├── .eslintrc         # Eslint configuration
├── .gitignore        # Git ignored files
├── .prettierrc       # Prettier configuration
├── .stylelintrc      # Stylelin configuration
├── LICENSE           # License agreements
├── gulpfile.js       # Gulp configuration
└── package.json      # Node packages