DEV Community

Aleksandr Ippatev
Aleksandr Ippatev

Posted on

How to fix problems with esbuild in Yarn

#yarn #npm #esbuild #javascript

This plugin lets you use Yarn with esbuild. We use it in order to build Yarn itself!

  1. Add the plugin to your dependencies: 
yarn add @yarnpkg/esbuild-plugin-pnp
Enter fullscreen mode Exit fullscreen mode
  1. Reference it via your esbuild configuration build API only: 
import {pnpPlugin} from '@yarnpkg/esbuild-plugin-pnp';

await build({
  plugins: [pnpPlugin()],
  // ...
});
Enter fullscreen mode Exit fullscreen mode

Top comments (2)

Collapse
 
alexandervantrijffel profile image
Alexander van Trijffel •

Can you share your full esbuild.config.js please? I am trying to get this working with Yarn 2. But with Yarn 2 PNP, I cannot run node esbuild.config.js in my project because packages resolving does not work when they are not present in node_modules. When I run node esbuild.config.mjs I get error Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'esbuild' imported from SNIP/esbuild.config.mjs

Collapse
 
alexandervantrijffel profile image
Alexander van Trijffel •

Never mind, I found the solution. The build must be started with yarn node esbuild.config.js so that dependencies are resolved using .pnp.cjs if yarn is configured to use PnP.

Read next

salimchemes profile image

Open URLs in Different Environments with Ease

Salim Chemes -

jagroop2001 profile image

Why Does JavaScript’s parseInt(0.0000005) Print “5”? 🤔

Jagroop Singh -

toddhgardner profile image

Understanding “Failed to Fetch” JavaScript Errors and How to Fix Them

Todd H. Gardner -

victoriadeveloper profile image

Software Engineering Postmortem: Real-time Chat Microservice

Victoria -