OrganizedFellow Posted December 23, 2015 Share Posted December 23, 2015 I just finished following this tutorial on CSS tricks called Gulp for Beginners https://css-tricks.com/gulp-for-beginners/. I didn't copy and paste. For the first time, I typed out all the code and constantly checked on https://www.npmjs.com/ to better understand how things works. I'm very excited and curious now, how everyone else is using Gulp. 5 Link to comment Share on other sites More sharing options...
pwired Posted December 24, 2015 Share Posted December 24, 2015 I am not using it now but found a complete Gulp course with 11 series done by LevelUpTuts on youtube 2 Link to comment Share on other sites More sharing options...
tpr Posted December 24, 2015 Share Posted December 24, 2015 I wrote about my gulp experience here: https://processwire.com/talk/topic/10101-grunt-gulp-something-else/?p=107725 I'm using PhpStorm and it has a feature to autostart certain tasks. I set it to load "watch" so starting up the IDE automatically loads all the tasks I need during development. I'm not fan of installing softwares system-wide (being a portable application fan), so I figured out how to use Node without globally installing it. My npm modules are on a non-system partition D:\, and I symlink them in my projects. Imo web development is complex enough to use helpers like gulp to make things simpler. It has a small learning curve but then it saves a lot of time. 2 Link to comment Share on other sites More sharing options...
SiNNuT Posted December 24, 2015 Share Posted December 24, 2015 It's been a while but i've used Gulp for the basic stuff: watch source files (css, less, scss, js) for changes run preprocessors or postcss concatenate and minify run autoprefixer revision asset filenames for cachebusting I never got further then copy/pasting from the web and then adjusting to my needs but you can get a lot done this way. Gulp can do almost everything you can dream of but i would identify what tasks need automating the most, spend an hour/couple of hours and get to work. 1 Link to comment Share on other sites More sharing options...
OrganizedFellow Posted December 24, 2015 Author Share Posted December 24, 2015 My npm modules are on a non-system partition D:\, and I symlink them in my projects. ... Imo web development is complex enough to use helpers like gulp to make things simpler. It has a small learning curve but then it saves a lot of time. I love your symlink idea!!!! 1 Link to comment Share on other sites More sharing options...
OrganizedFellow Posted December 24, 2015 Author Share Posted December 24, 2015 @tpr Your link to Base (https://github.com/matthewhartman/base/blob/master/gulpfile.js) gulpfile made 100% sense to me! I can finally understand how it all works now and put my own together! Thanks for sharing that link! Link to comment Share on other sites More sharing options...
tpr Posted December 24, 2015 Share Posted December 24, 2015 I'm glad that helped. Fortunately I tried that first so I guess I saved myself some time. Link to comment Share on other sites More sharing options...
Recommended Posts