Keep in touch
An experienced Web Developer with years of experience in design, programming and server administration.
© 2023 by Frank Perez.
In this article we’ll go over how to configure your project to process Stylus files using Gulp. We’ll also create source map file which your browser will use to help point you in the right direction of your files when developing
Less is a CSS pre-processor allowing you to create variables, mixins, and functions in an effort to make your CSS more maintainable.
Browser Sync is a nice tool to use while developing. It allows your browser to reload live when changes are made to your files. For instance, assuming we’re watching our CSS file for changes we can have the browser auto refresh/sync when it sees those changes made.
Gulp watch is perfect for when you’re editing project files since it allows you to not have to run the gulp command manually each time.
Gulp may seem like a scary thing to wrap your head around at first, but it’s actually quite easy to start using once you understand the basics.
Publishing a package to the npm repository has never been simpler. With a few steps, you can create a package that is redistributable to all of your projects.
Yarn is a super simple dependency management tool which is way faster to use instead of traditional npm. It acts as a drop-in replacement, so you can get started using yarn right away. The best way to install yarn is by using npm.