Tagged articles
47 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 21, 2025 · Frontend Development

Understanding pnpm: Solving Dependency Management Issues in Modern Frontend Development

This article explains the evolution of JavaScript package managers, the shortcomings of npm and Yarn such as duplicated installations, phantom dependencies and unpredictable dependency trees, and demonstrates how pnpm’s content‑addressable store, hard‑link and symlink strategy provides faster installs, reduced disk usage, and more reliable dependency isolation for frontend projects.

YARNdependency managementfrontend development
0 likes · 22 min read
Understanding pnpm: Solving Dependency Management Issues in Modern Frontend Development
JD Cloud Developers
JD Cloud Developers
Feb 19, 2025 · Frontend Development

Transforming a Massive Vue Frontend into a Scalable Monorepo: Lessons & Strategies

This article chronicles the evolution of the Xingyun front‑end platform from a tangled monolithic Vue application to a modular, micro‑frontend monorepo, detailing the architectural pain points, the "inner‑outer same‑origin" overhaul, and the concrete steps taken to achieve better scalability, maintainability, and build performance.

Micro FrontendsNxVue
0 likes · 18 min read
Transforming a Massive Vue Frontend into a Scalable Monorepo: Lessons & Strategies
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 14, 2025 · Backend Development

Understanding npm, Yarn, and pnpm: Dependency Management, Flat Dependencies, and pnpm's Store Mechanism

This article examines the evolution of JavaScript package managers—from npm's nested node_modules structure to Yarn's flat dependencies and finally pnpm's global store with hard‑ and soft‑link mechanisms—highlighting how each approach addresses path length, disk‑space waste, installation speed, and ghost‑dependency issues.

Hard LinkYARNdependency management
0 likes · 8 min read
Understanding npm, Yarn, and pnpm: Dependency Management, Flat Dependencies, and pnpm's Store Mechanism
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 22, 2024 · Frontend Development

Monorepo vs Multirepo: Concepts, Tools, and Step‑by‑Step Setup with pnpm Workspaces

This article explains the differences between Monorepo and Multirepo architectures, reviews popular Monorepo tools, and provides a detailed step‑by‑step guide to building a Vue‑based Monorepo project using pnpm Workspaces, including workspace configuration, shared package creation, and dependency management.

MonorepoMultirepoVue
0 likes · 9 min read
Monorepo vs Multirepo: Concepts, Tools, and Step‑by‑Step Setup with pnpm Workspaces
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Dec 6, 2024 · Frontend Development

Corepack: The Next‑Generation Node.js Package Manager

The article reviews the evolution of JavaScript package managers, compares npm, Yarn, and pnpm, introduces Corepack as Node.js 16.9.0's experimental tool for consistent manager versions, explains its features and usage steps, and discusses remaining challenges such as version conflicts and limited advanced capabilities.

CorepackNode.jsYARN
0 likes · 8 min read
Corepack: The Next‑Generation Node.js Package Manager
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 27, 2024 · Fundamentals

Understanding pnpm: High‑Performance npm, Monorepo Support, and Practical Usage Guide

This article explains what pnpm is, how it saves disk space and speeds up installations using hard links and symlinks, introduces the monorepo development model and its relationship with package managers, and provides step‑by‑step instructions for installing pnpm, configuring workspaces, and managing dependencies in a monorepo setup.

MonorepoWorkspacepackage manager
0 likes · 12 min read
Understanding pnpm: High‑Performance npm, Monorepo Support, and Practical Usage Guide
Tencent Cloud Developer
Tencent Cloud Developer
Jul 3, 2024 · Frontend Development

Improving Front-End Development Efficiency with Monorepo, Automated Publishing, and Build Optimization

By consolidating seven repositories into a pnpm‑powered monorepo and automating releases with Nx, changesets, and OCI, Tencent’s Basic Development Center cut CI time over 80%, shrank bundle sizes, accelerated builds from seven to two minutes, and eliminated fragile manual publishing steps.

Nxdependency managementnpm
0 likes · 36 min read
Improving Front-End Development Efficiency with Monorepo, Automated Publishing, and Build Optimization
Goodme Frontend Team
Goodme Frontend Team
May 6, 2024 · Frontend Development

npm vs Yarn vs pnpm: Which JavaScript Package Manager Wins in Speed and Space?

This article traces the evolution of JavaScript package managers—from early manual inclusion methods to npm, Yarn, and pnpm—detailing their architectures, performance characteristics, version‑locking mechanisms, and trade‑offs, helping developers choose the most suitable tool for modern frontend projects.

Node.jsYARNfrontend development
0 likes · 12 min read
npm vs Yarn vs pnpm: Which JavaScript Package Manager Wins in Speed and Space?
Architecture Digest
Architecture Digest
Apr 25, 2024 · Frontend Development

Douyin Open-Source Short Video Project – Overview and Setup Guide

This article introduces the Douyin open‑source short‑video project built with Vue and Vite, provides a free book giveaway link, and gives step‑by‑step instructions for installing Node, cloning the repository, installing dependencies with pnpm, and running the application locally.

ViteVuefrontend
0 likes · 3 min read
Douyin Open-Source Short Video Project – Overview and Setup Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 6, 2024 · Frontend Development

Building a Monorepo-Style Node.js CLI Scaffolding Tool for Frontend Projects

This comprehensive tutorial walks you through creating a Node.js command‑line scaffolding tool that uses yargs for argument parsing, inquirer for interactive prompts, copy‑dir for file operations, mustache for dynamic templates, and pnpm with ora for automated dependency installation, all organized in a monorepo structure.

CLIMonorepoNode.js
0 likes · 30 min read
Building a Monorepo-Style Node.js CLI Scaffolding Tool for Frontend Projects
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 15, 2024 · Frontend Development

Sharing Tailwind CSS Configuration Across Packages in a Turborepo Monorepo

This article explains how to create a shared Tailwind CSS configuration package in a Turborepo monorepo using pnpm, detailing directory layout, package setup, dependency installation, configuration files, and both compiled and non‑compiled usage scenarios to avoid duplicated config across multiple packages.

ConfigurationMonorepoTypeScript
0 likes · 7 min read
Sharing Tailwind CSS Configuration Across Packages in a Turborepo Monorepo
Architect
Architect
Dec 7, 2023 · Backend Development

Engineering Evolution and Optimization of Tencent Docs Microservice Gateway

This article analyzes the existing issues of the Tencent Docs web‑gateway, explains why dependency versions and monorepo structure caused resource exhaustion, and details a series of engineering improvements using pnpm workspace, custom Docker contexts, lock‑file hooks, and soft‑link strategies to achieve a clean, reproducible build pipeline.

Build OptimizationMicroservicesMonorepo
0 likes · 22 min read
Engineering Evolution and Optimization of Tencent Docs Microservice Gateway
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 19, 2023 · Frontend Development

Integrating Monorepo with Micro‑Frontend Using pnpm and Micro‑App: Architecture, Implementation, and Deployment

This article explains how to combine Monorepo and micro‑frontend architectures using pnpm and Micro‑App, covering the concepts, technical selections, step‑by‑step setup of base and child applications, shared modules, configuration, code standards, mock services, Docker/Nginx deployment, and best practices for frontend development.

MonorepoVitefrontend
0 likes · 35 min read
Integrating Monorepo with Micro‑Frontend Using pnpm and Micro‑App: Architecture, Implementation, and Deployment
Architect's Guide
Architect's Guide
Sep 27, 2023 · Frontend Development

Agora Flat Open Source Classroom: Features, Installation, and Usage Guide

The article introduces Agora Flat, an open‑source interactive classroom platform with real‑time audio/video, whiteboard, and screen sharing, outlines its key features, and provides step‑by‑step installation and build instructions for both Electron and Web clients using pnpm.

Electroninteractive classroomopen-source
0 likes · 4 min read
Agora Flat Open Source Classroom: Features, Installation, and Usage Guide
360 Tech Engineering
360 Tech Engineering
Aug 23, 2023 · Frontend Development

Micro‑Frontend Architecture with MonoRepo and Qiankun: Design, Technology Selection, and Implementation Practices

This article describes how a team consolidated six PC and H5 projects by adopting a micro‑frontend architecture based on MonoRepo and Qiankun, evaluates popular micro‑frontend solutions, explains the chosen technology stack, outlines step‑by‑step implementation details, and shares the problems encountered and their resolutions.

Frontend ArchitectureJavaScriptMonorepo
0 likes · 8 min read
Micro‑Frontend Architecture with MonoRepo and Qiankun: Design, Technology Selection, and Implementation Practices
TAL Education Technology
TAL Education Technology
Jul 27, 2023 · Backend Development

Monorepo Best Practices: Implementing pnpm Workspaces and Changesets

This guide explains why pnpm is preferred for monorepo projects, outlines the advantages and disadvantages of monorepos, and provides step‑by‑step instructions for setting up pnpm workspaces, configuring scripts, managing dependencies, building packages, and using Changesets for versioning and publishing.

ChangeSetsMonorepoNode
0 likes · 14 min read
Monorepo Best Practices: Implementing pnpm Workspaces and Changesets
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 6, 2023 · Backend Development

Monorepo Overview, Evolution, Pros & Cons, Pitfalls, and Tool Selection

This article explains what a monorepo is, traces its evolution from single‑repo monoliths to multi‑repo and back to a single repository with many modules, compares its advantages and disadvantages, lists common pitfalls, and evaluates major tooling options such as Turborepo, Rush, Nx, Lerna, Yarn and pnpm for different project sizes.

LernaMonorepoNx
0 likes · 21 min read
Monorepo Overview, Evolution, Pros & Cons, Pitfalls, and Tool Selection
TAL Education Technology
TAL Education Technology
Apr 6, 2023 · Backend Development

Summary of npm, Yarn, and pnpm Package Managers

This article reviews the evolution of Node.js package managers—from npm2's nested dependencies to Yarn's flat model, npm3's symlink approach, and pnpm's content‑addressable store—highlighting their installation commands, advantages, drawbacks, and impact on disk usage and dependency management.

dependency managementnpmpackage manager
0 likes · 11 min read
Summary of npm, Yarn, and pnpm Package Managers
SQB Blog
SQB Blog
Mar 10, 2023 · Frontend Development

Why MonoRepo with pnpm Boosts Frontend Efficiency and Simplifies Dependency Management

This article explains how adopting a MonoRepo strategy combined with pnpm's workspace feature can streamline front‑end project structures, reduce duplicate dependencies, improve version control, and eliminate ghost dependencies, ultimately speeding up development and release processes.

MonorepoWorkspacedependency management
0 likes · 13 min read
Why MonoRepo with pnpm Boosts Frontend Efficiency and Simplifies Dependency Management
ByteFE
ByteFE
Mar 6, 2023 · Frontend Development

Deep Dive into npm, Yarn, and pnpm Dependency Management

This article explains how npm, Yarn, and pnpm manage JavaScript dependencies, detailing installation processes, flat vs nested node_modules structures, lock files, and the hard-link mechanism that improves speed and saves disk space.

YARNdependency managementnpm
0 likes · 16 min read
Deep Dive into npm, Yarn, and pnpm Dependency Management
TAL Education Technology
TAL Education Technology
Mar 2, 2023 · Backend Development

Exploring pnpm: A High‑Performance Package Manager for Node.js

This article introduces pnpm, compares it with npm and yarn, explains the problems of nested node_modules such as ghost dependencies and split packages, and demonstrates pnpm’s link‑based architecture, advantages, and basic command usage for efficient JavaScript project management.

MonorepoSoft Linkshard links
0 likes · 6 min read
Exploring pnpm: A High‑Performance Package Manager for Node.js
Laravel Tech Community
Laravel Tech Community
Jan 9, 2023 · Backend Development

pnpm 7.23 Release: New Features and Patches

The pnpm 7.23 update introduces a workspace‑root peer‑resolution option, adds command‑line help entries for the -resum-from and -include-workspace-root flags, and continues to emphasize pnpm’s disk‑space‑saving content‑addressable store for Node.js projects.

Node.jsdependency managementpackage manager
0 likes · 2 min read
pnpm 7.23 Release: New Features and Patches
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 23, 2022 · Frontend Development

Setting Up Changesets and GitHub Actions for CI/CD in a Frontend Monorepo Utility Library

This article walks through configuring @changesets in a pnpm-managed monorepo, automating versioning and changelog generation, adding GitHub Actions for CI/CD and documentation deployment, and outlines contribution guidelines for a frontend utility library, illustrating the full open‑source workflow.

ChangeSetsci/cdgithub-actions
0 likes · 14 min read
Setting Up Changesets and GitHub Actions for CI/CD in a Frontend Monorepo Utility Library
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
Taobao Frontend Technology
Taobao Frontend Technology
Nov 4, 2022 · Frontend Development

Why Monorepo Beats Multirepo for Large Frontend Projects

This article explains the concept of monorepo, compares it with multirepo, outlines its pros and cons, and details a real‑world migration at Tianmao Campus POS using pnpm, lerna‑lite, and turborepo to achieve faster builds, easier dependency management, and more efficient releases.

Monorepolerna-litepnpm
0 likes · 23 min read
Why Monorepo Beats Multirepo for Large Frontend Projects
DaTaobao Tech
DaTaobao Tech
Oct 26, 2022 · Frontend Development

Monorepo Practices and Migration for Large Frontend Projects

The article explains monorepo concepts, compares monolithic, multirepo, and monorepo approaches, presents a Tianmao Campus case study, and recommends a pnpm + lerna‑lite + TurboRepo toolchain with detailed setup, configuration, local development scripts, and a unified build‑release workflow to streamline large frontend projects.

MonorepoProject Managementbuild-tools
0 likes · 24 min read
Monorepo Practices and Migration for Large Frontend Projects
ByteFE
ByteFE
May 16, 2022 · Operations

Task Orchestration in Large Monorepos: Capabilities, Tools, and Best Practices

This article examines the challenges of managing large monorepos, outlines the essential capabilities such as dependency management, task orchestration and version publishing, compares popular tools like Turborepo, Rush and pnpm, and provides practical guidance on scope definition, parallel execution, and cloud caching to accelerate builds.

Build OptimizationMonorepopnpm
0 likes · 14 min read
Task Orchestration in Large Monorepos: Capabilities, Tools, and Best Practices
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
Programmer DD
Programmer DD
Mar 7, 2022 · Frontend Development

How pnpm Saves Disk Space and Boosts Install Speed for JavaScript Projects

This article introduces pnpm, a fast and efficient JavaScript package manager that reduces disk usage by sharing dependencies, explains its core principles, highlights key features such as monorepo support and strict node_modules layout, and provides multiple installation methods for various operating systems.

disk spacefrontend developmentpackage manager
0 likes · 4 min read
How pnpm Saves Disk Space and Boosts Install Speed for JavaScript Projects
Tencent Cloud Developer
Tencent Cloud Developer
Feb 17, 2022 · Frontend Development

Exploring Monorepo Strategies and Practices for Front‑end Development

The article explains how adopting a monorepo—housing multiple independent front‑end packages in a single Git repository—simplifies code sharing, tooling, and documentation for Vue 3 component collections, compares it with monolith and multi‑repo approaches, outlines essential tools such as pnpm, Changesets, Turborepo, ESLint, and Vitepress, and provides step‑by‑step setup guidance, concluding that monorepos are effective for moderately sized front‑end projects despite potential scaling and permission challenges.

LernaMonorepoYARN
0 likes · 27 min read
Exploring Monorepo Strategies and Practices for Front‑end Development
ELab Team
ELab Team
Dec 31, 2021 · Fundamentals

Mastering Inodes, Hard & Soft Links: From Linux to Frontend Tooling

This article explains the fundamentals of inodes, sectors, and blocks, demonstrates how to retrieve file information with Node.js and Linux commands, compares hard and soft links, and shows practical applications of these links in frontend workflows such as yarn link and pnpm installation.

FilesystemFrontend toolingHard Link
0 likes · 14 min read
Mastering Inodes, Hard & Soft Links: From Linux to Frontend Tooling
ELab Team
ELab Team
Nov 25, 2021 · Operations

Mastering Multi‑Package Publishing in Monorepos with Rush and pnpm

This article explains how to efficiently manage multi‑package publishing in large monorepos using Rush and pnpm, covering workspace protocol, changefile generation, cascading version updates, workflow automation, and release acceleration techniques to reduce build and publish times.

MonorepoVersioningpackage publishing
0 likes · 19 min read
Mastering Multi‑Package Publishing in Monorepos with Rush and pnpm
ELab Team
ELab Team
Jun 10, 2021 · Fundamentals

Why Your Monorepo Is Slowing Down and How pnpm & Rush Can Fix It

This article examines the scalability and reliability problems of a Yarn‑workspace based monorepo—such as command inconsistency, slow publishing, phantom dependencies, duplicate packages, and lockfile conflicts—and presents pnpm and Rush as comprehensive solutions with practical guidelines for package referencing and workspace protocols.

MonorepoYARNdependency-issues
0 likes · 23 min read
Why Your Monorepo Is Slowing Down and How pnpm & Rush Can Fix It
ByteFE
ByteFE
Jun 3, 2021 · Frontend Development

An In‑Depth Overview of pnpm: Fast, Disk‑Space‑Efficient Package Manager

This article introduces pnpm, a fast and disk‑space‑efficient JavaScript package manager that improves on npm and Yarn, explains its core features such as speed, content‑addressable storage, monorepo support, and strict dependency management, and provides practical usage examples and security considerations.

Nodedependency managementdisk space
0 likes · 15 min read
An In‑Depth Overview of pnpm: Fast, Disk‑Space‑Efficient Package Manager