Tagged articles
11 articles
Page 1 of 1
ByteFE
ByteFE
Nov 14, 2022 · Frontend Development

Evolution and Innovations of npm, Yarn, and pnpm Package Managers

This article examines the evolution of the three major JavaScript package managers—npm, Yarn, and pnpm—detailing their original designs, the problems they introduced such as nested node_modules, phantom dependencies and doppelgangers, and the innovative solutions like flattening, lock files, symbol/hard links, and PnP mode that each tool brought to improve dependency management.

YARNnode_modulesnpm
0 likes · 18 min read
Evolution and Innovations of npm, Yarn, and pnpm Package Managers
php Courses
php Courses
Apr 15, 2022 · Frontend Development

How npm run Executes Scripts and Uses node_modules/.bin in Vue CLI Projects

The article explains, through a mock interview, why running npm run xxx triggers npm to look up the script in package.json, creates local binary links in node_modules/.bin, and executes the corresponding command such as vue‑cli‑service serve without requiring a global installation.

Vue CLIfrontend developmentnode_modules
0 likes · 8 min read
How npm run Executes Scripts and Uses node_modules/.bin in Vue CLI Projects
DaTaobao Tech
DaTaobao Tech
Mar 23, 2022 · Frontend Development

Why npm, Yarn, pnpm and Deno Manage Dependencies Differently – A Deep Dive

This article analyses the evolution of front‑end package managers—from npm's early nested modules to Yarn's lockfile and Plug'n'Play, pnpm's hard‑link strategy, cnpm/tnpm adaptations, and Deno's URL‑based imports—highlighting their dependency resolution mechanisms, trade‑offs, and remaining challenges.

DenoYARNdependency management
0 likes · 19 min read
Why npm, Yarn, pnpm and Deno Manage Dependencies Differently – A Deep Dive
Dada Group Technology
Dada Group Technology
Jan 14, 2022 · Frontend Development

Optimizing Build and Dependency Installation for Dada's Large-Scale Frontend System

This article analyzes the slow build process of Dada's massive frontend platform, identifies bottlenecks in dependency installation and webpack compilation, and presents practical optimizations such as node_modules caching, cp command adjustments, Babel loader caching, and other webpack tweaks that reduced average build time from 600 seconds to around 100 seconds.

Build OptimizationYARNbabel
0 likes · 8 min read
Optimizing Build and Dependency Installation for Dada's Large-Scale Frontend System
Taobao Frontend Technology
Taobao Frontend Technology
Sep 8, 2021 · Frontend Development

Why VS Code’s File Explorer Flickers During npm Install and How to Fix It

During npm install, VS Code’s file explorer sometimes flashes due to misconfigured file‑watcher exclusions for node_modules, a bug in RPC argument handling and cancellation token processing; this article explains the root causes, demonstrates the faulty configurations, and provides concrete fixes and contribution tips.

CancellationTokenRPCVS Code
0 likes · 10 min read
Why VS Code’s File Explorer Flickers During npm Install and How to Fix It
政采云技术
政采云技术
Aug 23, 2020 · Frontend Development

Overlooked Details in npm Dependency Management

This article explains the inner workings of npm installation, the differences between npm 2 and npm 3, the purpose and structure of package‑lock.json, and the various dependency types such as dependencies, devDependencies, optionalDependencies, peerDependencies, and bundledDependencies, providing practical guidance for developers.

dependency managementnode_modulesnpm
0 likes · 14 min read
Overlooked Details in npm Dependency Management
UC Tech Team
UC Tech Team
Oct 5, 2018 · Frontend Development

Why Create React App Should Not Compile Non‑Standard Syntax in node_modules

The article explains that compiling experimental JavaScript features like JSX or class properties inside node_modules tightly couples libraries to build tools, leading to breaking changes, coordination overhead, and prolonged upgrade pain, which is why Create React App avoids such compilation.

JavaScriptReactbabel
0 likes · 4 min read
Why Create React App Should Not Compile Non‑Standard Syntax in node_modules
CSS Magic
CSS Magic
Feb 7, 2016 · Frontend Development

Why Frontend Package Management Is Still an Open Question: npm Insights

The article analyzes npm’s role in frontend package management, presenting active‑install statistics, identifying four key pain points for developers, evaluating Bower’s approach, and outlining npm’s future modular CLI plans, while concluding that a definitive solution has yet to emerge.

bowerbrowserifyfrontend
0 likes · 18 min read
Why Frontend Package Management Is Still an Open Question: npm Insights