Skip to content

Latest commit

 

History

History
99 lines (86 loc) · 2.82 KB

readme.md

File metadata and controls

99 lines (86 loc) · 2.82 KB
Raw

Gulp for WordPress for quick project launch v1.0

To work with this startup template, you need Gulp, any local server, and the CMS WordPress!

Used Gulp Packages:

  • gulp
  • gulp-util
  • gulp-sass
  • browser-sync
  • gulp-concat
  • gulp-uglify
  • gulp-clean-css
  • gulp-rename
  • gulp-notify
  • gulp-rsync
  • gulp-imagemin
  • gulp-cache
  • imagemin-pngquant
  • gulp-autoprefixer
  • vinyl-ftp

Installing the required Gulp packages:

  $ npm i gulp --save-dev
  $ npm i gulp-util --save-dev
  $ npm i gulp-sass --save-dev
  $ npm i browser-sync --save-dev
  $ npm i gulp-concat --save-dev
  $ npm i gulp-uglify --save-dev
  $ npm i gulp-clean-css --save-dev
  $ npm i gulp-rename --save-dev
  $ npm i gulp-notify --save-dev
  $ npm i gulp-rsync --save-dev
  $ npm i gulp-imagemin --save-dev
  $ npm i gulp-cache --save-dev
  $ npm i imagemin-pngquant --save-dev
  $ npm i gulp-autoprefixer --save-dev
  $ npm i vinyl-ftp --save-dev

or:

  $ npm i gulp gulp-util gulp-sass browser-sync gulp-concat gulp-uglify gulp-clean-css gulp-rename gulp-notify gulp-rsync gulp-imagemin gulp-cache imagemin-pngquant gulp-autoprefixer vinyl-ftp --save-dev

Install globally:

  $ npm i gulp
  $ npm i gulp-util
  $ npm i gulp-sass
  $ npm i browser-sync
  $ npm i gulp-concat
  $ npm i gulp-uglify
  $ npm i gulp-clean-css
  $ npm i gulp-rename
  $ npm i gulp-notify
  $ npm i gulp-rsync
  $ npm i gulp-imagemin
  $ npm i gulp-cache
  $ npm i imagemin-pngquant
  $ npm i gulp-autoprefixer
  $ npm i vinyl-ftp

or:

  $ npm i gulp gulp-util gulp-sass browser-sync gulp-concat gulp-uglify gulp-clean-css gulp-rename gulp-notify gulp-rsync gulp-imagemin gulp-cache imagemin-pngquant gulp-autoprefixer vinyl-ftp

A list of tasks and assign

  • browser-sync - Auto-update of your page
  • sass - Compiles all SASS files in your project into a single CSS file
  • js - Collects and compresses all your JS files into one large file
  • watch - Keeps track of changes in all files of your website template to auto-update and show you the changes
  • imgmin-theme - Compresses all images to the best state in your template
  • imgmin-uploads - Compresses all images in the uploads folder to the best state
  • deploy-site - Sends all your website to web hosting via FTP
  • deploy-theme - Sends your ready-made website template to web hosting via FTP
  • rsync - Sends a ready-made website template or a full website for hosting via SSH

Call/use Task

$ gulp imgmin-theme
$ gulp imgmin-uploads
$ gulp deploy-site
$ gulp deploy-theme
$ gulp rsync

If you have any questions or suggestions, I will be happy to answer:

https://pinchukov.net/blog/gulp-wordpress.html