NPM Overrides and Yarn Resolutions

In this latest blog from the developers on our Product Traction team, they share their best practices for navigating dependency management.

What Are NPM Overrides and Yarn Resolutions?

NPM Overrides, introduced in NPM version 8, allow developers to override specific versions of dependencies, even in nested dependencies. This feature is particularly useful when addressing security vulnerabilities in transitive dependencies—those that are dependencies of other packages you depend on.

Yarn Resolutions serve a similar purpose within the Yarn package manager, enabling you to enforce specific versions of packages across your entire project, regardless of their position in the dependency tree.

Use Cases and Benefits

  1. Security Audits: NPM Overrides and Yarn Resolutions are invaluable tools when addressing security vulnerabilities flagged during audits. For example, if a security scan identifies insecure versions of a dependency nested within other packages, you can enforce the use of a secure version across the board.
    Example: If a package package-c@1.0.0 has a known vulnerability, you can override it to use package-c@2.0.0, ensuring that all instances in your project are updated:

NPM Overrides:

{

  "overrides": {

    "package-c": "2.0.0"

  }

}

Yarn Resolutions:

{

  "resolutions": {

    "package-c": "2.0.0"

  }

}

  1. Version Consistency: These tools ensure that all instances of a particular package use the same version across your project, minimizing conflicts and unexpected behaviours.
    Example: If two dependencies, package-a and package-b, each require different versions of package-c, you can enforce a single version for consistency:

NPM Overrides:

{

  "overrides": {

    "package-a/package-c": "2.0.0",

    "package-b/package-c": "2.0.0"

  }

}

Yarn Resolutions:
{

  "resolutions": {

    "package-c": "2.0.0"

  }

}

  1. Mitigating Dependency Hell: When dealing with complex dependency trees, overrides and resolutions provide control over your project's dependencies, preventing the chaos that can arise from conflicting or outdated packages.

Comparing NPM Overrides and Yarn Resolutions

While NPM Overrides and Yarn Resolutions serve similar purposes, they differ in their implementation and usage:

  • NPM Overrides:some text
    • Introduced in NPM version 8.
    • Native to the NPM ecosystem.
    • Allows you to define specific versions for nested dependencies.
    • Syntax: Uses the "overrides" field in package.json.
  • Yarn Resolutions:some text
    • Available in Yarn package manager.
    • Specific to Yarn-managed projects.
    • Enforces exact versions across the entire project.
    • Syntax: Uses the "resolutions" field in package.json.
  • Common Features:some text
    • Both tools allow you to specify versions for nested dependencies.
    • They are useful for addressing security vulnerabilities in transitive dependencies.
    • Help in maintaining version consistency across the project.
  • Key Differences:some text
    • Ecosystem: NPM Overrides are specific to NPM, while Yarn Resolutions are specific to Yarn.
    • Scope: NPM Overrides focus on overriding versions, while Yarn Resolutions enforce exact versions.
    • Implementation: Slight differences in syntax and behavior between the two.

Potential Drawbacks

Despite their benefits, there are some potential downsides to using NPM Overrides and Yarn Resolutions:

  • Breaking Changes: Overriding or enforcing a version that a package wasn't designed for can introduce breaking changes. It’s essential to thoroughly test your application after implementing any overrides or resolutions.
  • Maintenance Overhead: Regularly reviewing and updating your overrides or resolutions can add to your maintenance tasks, especially as your project grows.
  • Masking Underlying Issues: While these tools can provide quick fixes for dependency issues, they may also mask deeper problems that should be addressed at the source.

Best Practices

  1. Use Sparingly: Reserve overrides and resolutions for critical security fixes or when absolutely necessary to avoid unnecessary complexity.
  2. Document Thoroughly: Keep clear records of why each override or resolution was implemented to maintain context for future maintenance.
  3. Regular Review: Periodically review your overrides and resolutions to ensure they’re still necessary and not causing unforeseen issues.
  4. Test Extensively: Always thoroughly test your application after implementing any overrides or resolutions to catch potential problems early.

All that being said, the real best practice is to upgrade your packages on a regular basis. Ideally the package maintainers update their dependencies so they are up-to-date with the latest security updates. Updating your packages should be your first line of defence but when that fails you, you can fall back on Overrides and Resolutions.

NPM Overrides and Yarn Resolutions are powerful tools in managing complex dependency trees and addressing security vulnerabilities. While they offer significant benefits, it's crucial to use them judiciously, keeping in mind the potential impact on your project’s stability and maintainability.

In the fast-paced world of software development, managing dependencies can be a daunting task. Two powerful tools that developers can leverage to handle this challenge effectively are NPM Overrides and Yarn Resolutions. Let's explore what these tools are, how they differ, and their respective pros and cons.


The Thin Air Labs Product Traction team provides strategic product, design and development services for companies of all sizes, with a specific focus on team extensions where they seamlessly integrate into an existing team. Whether they are deployed as a team extension or as an independent unit, they always work with a Founder-First Mindset to ensure their clients receive the support they need.

To learn more about our Product Traction service, go here.

Build what's next with us