Skip to main content

Command Palette

Search for a command to run...

🍒 Cherry-Picked Nx v19.1 Updates

Exploring My Selected Features from Nx Releases

Updated
1 min read
🍒 Cherry-Picked Nx v19.1 Updates
J

Who am I? Whether it's as a Software Engineer, Tech Lead, or Architect, if it involves software development, I'm in! My journey began in the realm of Java development, but I fully transitioned into the universe of JavaScript/TypeScript and its exciting toolset. I support companies through their software development cycle challenges by utilizing Nx monorepos, micro frontends, robust testing strategies, and a touch of Extreme Programming philosophy. Every day for me is like waiting for the next episode of my favorite series—filled with learning, sharing, and growing together. Indeed, I'm as passionate about coaching and sharing knowledge as I am about coding. I am the father of two incredible boys, and I am endlessly grateful to my wife for supporting my passion every day.

[🌊 Nx Core]

Typescript declarations support for esbuild libraries

You can see two new properties in the @nx/esbuild:esbuild executor:

...
    "build": {
      "executor": "@nx/esbuild:esbuild",
      "options": {
        ...
        "declaration": true,
        "declarationRootDir": "libs/my-lib/src", // root by default
        ...
      }
    },
...

Generate declaration (\.d.ts) files for every TypeScript or JavaScript file inside your project. Should be used for libraries that are published to an npm repository.*

New separator option for the result of the nx show command

https://nx.dev/nx-api/nx/documents/show

nx show projects --affected --type=app --sep ","

Target another executor in schema definitions

Angular 18 introduced a way to map one builder to another one. It is also now possible to use that approach with Nx in the executors.json:

{
  "executors": {
    // New
    "build": "@org/my-plugin:build",

    // Current
    "serve": { 
      "implementation": "...",
      "schema": "...",
      "description": "..."
    },
  },
  ...
}

Support bun Package Manager!

First, install bun by following the documentation. Then you can generate a new Nx workspace by using:

bunx create-nx-workspace

[💫 Upgrades]

Support Angular 18