GulpStartPointSample

Simple access to how Gulp works

Install the gulp

Install the gulp command line utility

npm install --global gulp-cli

Create a package.json file in your project directory

npm init

Install the gulp package in your devDependencies

npm install --save-dev gulp

Create a gulpfile

Using your text editor, create a file named gulpfile.js in your project

install required packages

For example I've installed these packages:

• npm install sass gulp-sass gulp-sourcemaps gulp-concat dotenv gulp-if gulp-if-env gulp-uglify browser-sync --save-dev

and etc.

Run Project

Run project and explore to index.html file, have fun.

Project Structure

|- src/ |- css/ |- fonts/ |- images/ |- index.html |- js/ |- scss/ |- dist/ |- gulpfile.js |- node_modules/ |- package.json