Monorepo Management with Turborepo: Scaling Development

Tue, 24 Sep 2024 00:00:00 +0900

Introduction

As JavaScript monorepos grow, build times spiral, CI pipelines saturate, and developer productivity drops. Turborepo, created by Vercel, addresses these challenges with intelligent caching and parallel task execution. Unlike Lerna or Nx, Turborepo focuses on being a task runner rather than a build tool, delegating compilation to tools like esbuild, webpack, and tsc.

Core Architecture — The Cache System

Turborepo’s cache is its defining feature. Cache keys are computed from file contents, environment variables, and dependency graphs. The cache lives in node_modules/.cache/turbo as tar.gz archives, and the cache hit/miss lifecycle determines whether a task executes or skips.

Vite Plugin Development: From Zero to Production

Mon, 05 Feb 2024 00:00:00 +0900

Vite’s plugin system is one of its most powerful features, allowing developers to extend and customize the build pipeline. Whether you need to transform file types, inject build-time constants, or integrate with other tools, the Vite plugin API gives you full control.

Understanding Vite’s Plugin System

Vite plugins are objects with hook functions that execute at specific points in the build lifecycle. Plugins operate in three phases: serve (dev server), build (production), and SSR. A basic plugin looks like this:

Build-Tools on Commentary of Takao

Monorepo Management with Turborepo: Scaling Development

Introduction

Core Architecture — The Cache System

Vite Plugin Development: From Zero to Production

Understanding Vite’s Plugin System