Join Ray Villalobos for an in-depth discussion in this video Processing our first task with gulp-coffee, part of Web Project Workflows with Gulp.js, Git, and Browserify.
- View Offline
…One of the core principles behind gulp, is…that you take some information and pass that through…a plug-in, or filter, and then the output of…that plug-in becomes the input of a new plug-in.…The method used for this is called pipe, and it's…part of what makes gulp easy to understand and use.…So let's use piping to process our CoffeeScript files.…If you remember our CoffeeScript files is in…the components folder under coffee, and it's called tagline.coffee.…Just like before, I'm going to need to install the…plugin that gives us the capacity to process CoffeeScript files.…
Now this one is called gulp-coffee, and you…can find more information about it on this page.…So first I'm going to go over to the terminal and…type in npm install and save it as a developer dependency.…And then type in the name of the plugin.…So it's called coffee, and you remember coffee has two fs and two es.…I always misspell that myself.…Once that's installed it's going to appear as one of your developer…dependencies in your package.json files, so it gets added right here.…
- Why workflow management?
- Processing tasks with gulp-coffee
- Importing libraries with Browserify
- Processing Sass and Compass
- Issuing tasks in sequence
- Watching changes to files
- Adding static reloads
- Setting up environment variables
- Minifying HTML
- Compressing images