Please do the following and keep everything below in mind when using these files, or "setup" if it can be called that way.
This setup uses Gulp
for task management, with the aid of PostCSS
+ Sass
for CSS-related tasks.
The Gulpfile has 9 tasks available:
webserver
: starts a local webserver to serve the filescss
: usesPostCSS
+cssnext
for prefixing and future CSS, andSass
as an aid. It also concatenates all CSS files, and minifies the resultvendor-css
: this task is meant to grab all files inside the array of the task'ssrc
and concatenates them intovendor.css
and minifies itjs
: grabs all the files inside thescripts
folder, concatenates them intoall.js
, and minifies itvendor-js
: works exactly like thevendor-css
task but for vendor javascriptclean
: this task deletes everything inside thedist
fildercopy-images
andcopy
: these tasks copy all images and HTML/PHP files into thedist
folderwatch
: this task watches for changes in the files in thesrc
folder and updates them if necessarybuild
: runs all of the tasks once, except forwatch
andwebserver
Please, keep in mind that this setup may not work for you, and it may as well be flawed. I currently use it for small, personal projects and will try to improve its performance and logic ASAP.