- install Node.js to use Gulp 4
Using Windows cmd
or Linux/macOS Terminal
:
- install the gulp command line utility:
$ npm install --global gulp-cli
- clone the repository
$ git clone https://github.com/KrystynaKoryagina/gulp-sass-pug-build.git
- go to the folder
$ cd gulp-sass-pug-build
- install packages from package.json:
$ npm i
- start:
$ gulp
gulp-load-plugins
- loads Gulp plugins from package dependencies and attaches them to an objectgulp-sass
- Gulp plugin for compiling SASS/SCSS templatesgulp-pug
- Gulp plugin for compiling PUG templatesgulp-htmlmin
- Gulp plugin to minify HTMLgulp-csso
- Gulp plugin to minify CSSgulp-sass-glob
- Gulp plugin to use glob imports in sass/scss filesgulp-sourcemaps
- source map support for Gulp.jsgulp-concat
- concatenates filesgulp-rename
- rename filesgulp-autoprefixer
- prefix CSSgulp-css-unit
- css unit convertergulp-imagemin
- minify PNG, JPEG, GIF and SVG imagesgulp-uglify
- minify files with UglifyJSgulp.spritesmith
- convert a set of images into a spritesheet and CSS variables via gulpgulp-svg-sprite
- Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavoursgulp-svgmin
- minify SVG files with gulpgulp-plumber
- prevent pipe breaking caused by errors from gulp pluginsgulp-notify
- Gulp plugin to send messages based on Vinyl Files or Errors to Mac OS X, Linux or Windows using the node-notifier moduledel
- delete files and directoriesbrowser-sync
- live CSS Reload & Browser Syncing
This Gulp build includes:
Bootstrap
bootstrap.min.js bootstrap.css
jQuery
jquery.min.js
Normalize.css
Animate.css
All third-party libraries are installed in the node_modules
folder.
- install library via npm:
$ npm install package_name --save
and add path to the arraygulp/paths/cssLibs.js
for CSS orgulp/paths/jsLibs.js
for JS - uninstall library via npm:
$ npm uninstall package_name -S
and delete path from the arraygulp/paths/cssLibs.js
for CSS orgulp/paths/jsLibs.js
for JS