Gulp Workflow: Looking at Gulp 4
Gulp 4.0, the next version of Gulp, should be released any day now and it will make some parts of the workflow easier to manage. This section is not a comprehensive guide to Gulp 4 and the changes it...
Home
Gulp Workflow: Custom Tasks and Auxiliary Functions
The custom tasks use Gulp 3 syntax. You will have to change them to work with Gulp 4 After we’ve created the tasks we need for our project, we can define custom tasks to run one or more of these...
Gulp Workflow: Serving local content and deploying to Github Pages
Serving content under development and watching for file changes # It’s nice to publish to gh-pages when we want but to do so after every change we make to our code (CSS, JS or HTML) gets old really...
Gulp Workflow: FIle Management
Now for what, to me, is the most tedious part of the workflow… copying things around and doing housekeeping on the files I’m working with. This is easier now since I don’t have to create directories...
Gulp Workflow: Polymer Specific Tasks
Vulcanize and Crisper are Polymer specific tasks that deal with the way web component works (and make puns on the name Polymer too :) ) Vulcanize will combine all elements in elements.html and produce...
Gulp Workflow: Performance
Performance is one of those areas where perception is just as important as reality, particularly in mobile environments where the browser is only part of the equation, you have to take into account...
Gulp Workflow: CSS Processing (SASS Post Processing)
Now that we’ve generated the CSS files form our SASS content there are a few things left to do. Autoprefixer takes care of one of the most tedious tasks in writing CSS: adding vendor prefixes. Daniel...
Gulp Workflow: SASS Compilation and Linting
Ever since I saw it for the first time I’ve been in love with SASS. It’s a clever, elegant and powerful superset of CSS and CSS 3 that provides powerful programming features to create your styles. The...
Gulp Workflow: Transpilations and JavaScript processing
Transpilation allow us to use features of an input language into another. Recently Javascript has become a favorite target for Transpilers. The languages I’ve chosen to add are: ES6 through Babel:...
Gulp Workflow: Basic Setup
In the next sections we’ll go through a gulpfile I use to work with my athena-shell project. The directory structure for the project is like this: . ├── app │ ├── bower_components | ├── coffee │...