Official WeDoctor Group frontend public account, sharing original tech articles, events, job postings, and occasional daily updates from our tech team.
This article walks through Vite's five static asset handling strategies—including public directory paths, import queries like ?url, ?raw, and ?worker—showing code examples, middleware behavior, and build‑time transformations so developers can quickly understand and apply each method.
This article explains how Webpack loaders work, outlines development guidelines, demonstrates synchronous, asynchronous, raw, and pitching loaders with code examples, and then guides you through creating and configuring custom plugins, covering hooks, async handling, and a practical build‑info plugin.
This article explains the relationship between Tapable and webpack, detailing how Tapable implements a flexible hook system that powers webpack's plugin architecture, covering core concepts, hook classifications, usage patterns, internal mechanics, and practical examples for building custom webpack plugins.
This article explains the background, concepts, workflow, and hands‑on setup of Webpack’s Hot Module Replacement (HMR), detailing server‑client communication, runtime mechanics, and how to manually implement module hot‑updates without a framework, complete with code examples and configuration tips.
This article explains Rollup’s core principles, compares it with Webpack, introduces prerequisite concepts such as magic‑string, AST and scope chains, and walks through the complete build workflow—including parsing, dependency analysis, statement expansion, and final code generation—using concrete code examples and diagrams.
This article demystifies Webpack Dev Server by detailing its core components—webpack-dev-middleware, hot module replacement, live reload, proxy, and history API fallback—while providing practical code examples and configuration tips to streamline local development, improve build performance, and simplify debugging in modern frontend projects.
This article demystifies source maps by explaining their purpose, the mapping mechanism, Base64‑VLQ encoding, and the full range of webpack devtool options, while providing practical code examples, best‑practice configurations for development and production, and detailed tables of keywords and fields.
This article explains the fundamentals and implementation details of Rollup's tree‑shaking feature, showing how unused JavaScript code is identified and removed through static ES6 module analysis, with practical code examples and visual demonstrations of variable, function, and class elimination.
Learn how to set up basic Nginx load balancing with a minimal nginx.conf, create multiple Node.js services, and explore common strategies like round-robin, weighted round-robin, and IP hash, complete with code examples and testing results to ensure even request distribution.
This article walks through Vite's CLI startup process, explains how the bin script links to the vite executable, details the devServer's five core modules and fifteen middleware components, and shows the createServer flow that powers Vite's fast, hot‑reloading development experience.
