Interesting article here, if you want to read more. One of which was that it stopped working and I had little patience to make it work again. Rev up the npm engineĪside: I recently reverted back to npm from yarn for a few reasons. This structure is good enough to get us started. Webpack is a bit kinder than say, Gulp, which I’ve had delete an entire folder before ?. I like to put all the original HTML into a separate folder that I can’t accidentally delete. This is how I like to organize my folder for these types of projects. Update: I made a video! Check it out if you don’t want to read, but would rather listen to my voice for 30 minutes. If you aren’t familiar with pug, you can still manage your way through this.

Basic command line knowledge (because doing stuff via downloads is stupid…).

pug! (because that’s the point of this article!).

HTML! (because that’s what the internet is made of).

Simple, you’re gonna whip up a Webpack file to handle the crappy part of writing HTML, and you’re gonna do it quickly.ĪDVERTISEMENT Here’s what you’re gonna need to be familiar with: This is a static HTML site, which means every change you make to the global stuff (header, footer, and so on), you’re going to have to copy in EVERY file. That cleaned it up, but there are some more problems. The first thing you do is run it through Prettify (Thank god for Prettify). Not to mention, you have to make adjustments to the header and footer…on five different pages. The code is all over the place, messy and disorganized. You open up the HTML files and look into them…in horror. 10 minutes after that, you’re getting the server access.

Within five minutes of hitting that send button, you get a call. We have an immediate need for a Developer to get started today.īeing a person who enjoys eating food to survive, you type in some info and apply. We have an immediate need for a Developer to get started today.

You open up the message and it looks pretty normal. Now let’s say you get a nice message in your inbox. Imagine you are on the call list for a freelance agency in a city of your choosing. Inspired by a true story Let’s take a journey…

Webpack dev server pug template