Playing around with gulp and building some common front-end tasks.
- gulp scripts minify, concatenate and copy all js files to dist/scripts with sourcemaps included.
- gulp styles compiles scss files into css, then concatenate and minify to dist/styles with sourcemaps included.
- gulp images optimize JPEG and PNG file sizes and is copied to dist/content.
- gulp clean deletes dist folder.
- gulp processHTML changes the index.html from the src so it is more fitting for a production build. Includes minified/concatenated js and css file links. Makes sure all paths for images are correct.
- gulp copy copies all other files to dist. (This would be the icons folder.)
- gulp server runs a live server.
- gulp reload refreshs the browser, when server is live.
- gulp watch runs watchers observering over any changes to js or scss/sass files. These changes will either run the scripts or styles task depending on which file is being changed live.
- gulp build does clean, scripts, styles, images, and copy tasks.
- gulp does all tasks in a optimal series.