Gulpfile Setup-Automate and Enhance Your Code

Gulpfile Setup-Automate and Enhance Your Code

10.7K views · 2022-06-23 UI Design
Ever wondered how other developers minify their code and add tons of enhancements to their projects or apps? I can tell you a secret; they don’t do it themselves! They use something like gulp to automate that stuff for them. Learn this and more with a free trial! https://trhouse.co/3MyxVNz

Follow along as I show you how I build out a basic gulpfile from scratch using gulpjs. Never heard of gulp before? Not to worry, I’ll take you through the process step-by-step in this beginner guide to setting up a gulpfile. With only a basic knowledge of JavaScript, npm, and Node.js, you’ll be able to follow along comfortably and start automating your workflow like a seasoned developer.

If videos aren't your thing or want to take your time to work at your own pace, check out our blog:
https://trhouse.co/3IDQChU

GitHub repo:
https://github.com/treehouse/gulpfile-setup

gulpjs website:
https://www.gulpjs.com/

Treehouse related courses:

JavaScript Basics:
https://trhouse.co/3WzxabS

Node.js Basics:
https://trhouse.co/3q7xrq6

npm Basics:
https://trhouse.co/3q7xrq6

Chapters:
0:00 Intro to gulpjs
00:53 Starting notes
01:39 Getting started
02:03 Installing dependencies
04:00 Setting up variables and functions
06:20 Directory structure
07:03 Writing the styles function

#coding #programming #gulpfile
09:27 Writing the scripts function
10:17 Setting up a watch task
11:39 Exporting functions
12:07 Running the gulpfile
13:03 Testing styles
13:46 Testing scripts
14:30 Outro

Learn how to build websites and apps, write code, or start a business at Treehouse. Learn from over 1,000 videos created by our expert teachers on web design, coding, business, and much more. Treehouse teaches the in-demand technology skills you need to land your dream job.

Follow Us!
Twitter: https://twitter.com/treehouse
Instagram: https://instagram.com/teamtreehouse
LinkedIn: https://www.linkedin.com/school/treehouse-island-inc-/
Facebook: https://www.facebook.com/teamtreehouse/