1 views collected around this technical thread.
This article explores the evolution, core principles, and comparative analysis of frontend build tools—from early YUI/Ant and AMD/CMD to modern solutions like Webpack, Rollup, esbuild, and Vite—detailing their functionalities, implementations, performance considerations, and common challenges for developers.
This article examines why Node.js serverless functions often exceed the desired 100 ms cold‑start target, analyzes profiling data to pinpoint costly file I/O and compilation steps, and presents practical optimizations such as module bundling, V8 code‑caching, and custom require handling to dramatically reduce startup latency.
The article dissects Webpack’s internals, showing how every asset becomes a module processed by loaders, how the bootstrap creates a __webpack_require__ function to link modules, how dynamic import() generates separate chunks loaded via script tags, and outlines the full compilation pipeline from configuration parsing to final asset emission.
This article explains the concept of Tree Shaking, compares CommonJS and ES6 module formats, shows how to configure npm's pkg.module field and bundler settings (Webpack and Rollup) so that a package can be tree‑shakable while remaining compatible with existing tooling.
The article chronicles a front‑end team's evolution from a tangled 1.0 modular setup through incremental 2.0 and 3.0 optimizations—introducing better module management, automated conflict detection, caching strategies, and build‑time reductions—to achieve a smoother, faster development and release workflow.
This article compiles practical advice from two seasoned engineers—Rebecca Murphey and Philip Walton—covering essential front‑end tools, module usage, testing, build automation, Git strategies, server‑side rendering, Node.js mastery, deep code understanding, browser spec vigilance, code reviews, teamwork, and the value of documenting learning.
This tutorial provides a comprehensive, step‑by‑step guide to Webpack, covering its purpose as a JavaScript module bundler, installation, command‑line usage, configuration files, Babel and Handlebars loaders, plugins such as html‑webpack‑plugin, lazy‑loading, vendor chunk creation, and best practices for modern front‑end development.