Join Ray Villalobos for an in-depth discussion in this video Adding our assets, part of Web Project Workflows with Gulp.js, Git, and Browserify.
…Now that we've set up our folder and created our package.json…file, it's time to flesh out our folder structure a bit more.…So I'll open up this workflows folder and I'm…going to create two folders here in the main level.…One of them is going to be called Builds.…Now, this Builds folder is going to have a couple of other sub folders.…The first one is going to be called Development.…Let me make sure that that one's in there.…And the other one is going to be called production.…The development folder is going to hold all…of our files, when we're programming the website.…
And the production folder, will hold the files…when we're ready to upload them to a server.…Now, in my development folder, I want to put any…assets that I'm going to be using with this project.…I got a folder right here on the Desktop called images, and this folder…has a bunch of artwork that we're going to be using in our webpage.…So, I'm going to move this into the development folder.…Now, this will be high resolution versions of our files.…
- 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