The gulp-for-html from vagelisp

gulp-for-html's Introduction

➤ 🚀 Quick start

Getting ready.

Clone repository

git clone https://github.com/vagelisp/gulp-for-html

Install node modules using npm

npm install

Install node modules using yarn

yarn

.
├── js
├── css
├── images
├── .gitignore
├── gulpfile.js
├── package.json
└── README.md

/js: This directory contains all js files including the init.js
/css: This directory will contain all of the css files including the main.scss
/images: This directory will contain all the image files
.gitignore: This file tells git which files it should not track / not maintain a version history for.
gulp-file.js: This file the main gulp script.
package-lock.json (See package.json below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. (You won’t change this file directly).
README.md: You are reading this right now.

gulp: runs CSS task and then adds a watcher on CSS folder.
gulp watch: runs JS & CSS tasks and then watch for changes on JS and CSS folder.
gulp images: runs images task.
gulp js: runs js task.
gulp css: runs css task.
gulp watch-all: runs JS,CSS * Image tasks and then watch for changes all folders.
gulp serve: serves the html files and adds watchers on all folders
gulp serve-no-images: serves the html files and adds watchers on all folders except the images folder
gulp js:watch: starts a watcher for the JS folder.
gulp css:watch: starts a watcher for the CSS folder.
gulp images:watch: starts a watcher for the Images folder.