Series
In this series, I'll show simple but complete application set-up with esbuild.
This article will show how to start a project with esbuild as a bundler. I assume you have: npm & node installed - https://nodejs.org the folder you are working in is exposed with some HTTP server - Apache, Nginx, etc. Package init In an empty fol...
In this article, I'll show how to add a development server to the simple application we started in part 1. Possible approaches There are two alternative ways we can achieve our goal. Autorebuild The first is to have the same setup we had in part 1, ...
In this article, I'll show how to add styling to our application. The starting point is where we left in step 2. JS To start, let's replace our dummy JS with code that at least put something on the screen. I go with vanilla JS because frameworks tend...
In this article, I will show how to use build scripts in esbuild. So far in this series, we've been using command-line (CLI) arguments to configure our builds. As our configuration is growing, it can become cumbersome. And what's even more important,...
In this article, I'll show how to set up a complete development server for esbuild. It's a replacement for the half-successful approach I had in the previous post. Dependency This approach is based on esbuild-serve - a nice package that allows us to ...
In this article, I'll show you how to add a source map to the setup we developed so far in this series. What is source map As we introduce any bundling or compiling step to our application, we start to have a difference between what's in our source c...
