@nrwl/workspace

What is @nrwl/workspace?

The @nrwl/workspace npm package is part of Nx, which is a set of extensible dev tools for monorepos. It provides a consistent dev experience for different tools and frameworks, and it helps with tasks like running tasks, generating components, and managing dependencies within a monorepo.

What are @nrwl/workspace's main functionalities?

Creating a new workspace

This command sets up a new workspace. It's the first step when starting a project with Nx.

npx create-nx-workspace@latest myworkspace

Generating code

This command generates a new React component within a specified project in the workspace.

nx generate @nrwl/react:component my-component --project=myapp

Running tasks

This command builds a specific application within the workspace.

nx run myapp:build

Dependency Graph

This command visualizes the dependency graph of projects in the workspace, helping to understand the structure and dependencies of the monorepo.

nx dep-graph

Running affected commands

This command runs tests only for the projects affected by the latest changes, optimizing the CI process.

nx affected:test

Other packages similar to @nrwl/workspace

lerna

Lerna is a tool for managing JavaScript projects with multiple packages. It optimizes the workflow around managing multi-package repositories with git and npm. Lerna is similar to @nrwl/workspace in that it helps manage monorepos but does not provide the same level of integration with various frameworks or the same CLI experience for code generation and task execution.

README

---

Nx: Smart, Fast and Extensible Build System

Nx is a next generation build system with first class monorepo support and powerful integrations.

Getting Started

Creating an Nx Workspace

Using npx

npx create-nx-workspace

Using npm init

npm init nx-workspace

Using yarn create

yarn create nx-workspace

The create-nx-workspace command will ask you to select a preset, which will configure some plugins and create your applications to help you get started.

? What to create in the new workspace (Use arrow keys)
❯ apps              [an empty workspace with no plugins with a layout that works best for building apps]
  core              [an empty workspace with no plugins set up to publish npm packages (similar to yarn workspaces)]
  ts                [an empty workspace with the JS/TS plugin preinstalled]
  react             [a workspace with a single React application]
  angular           [a workspace with a single Angular application]
  next.js           [a workspace with a single Next.js application]
  nest              [a workspace with a single Nest application]
  express           [a workspace with a single Express application]
  web components    [a workspace with a single app built using web components]
  react-native      [a workspace with a single React Native application]
  react-express     [a workspace with a full stack application (React + Express)]

Select the preset that works best for you

Adding Nx to an Existing Monorepo

Run:

npx add-nx-to-monorepo@latest

Documentation & Resources

A few links to help you get started:

• Nx.Dev: Documentation, Guides, Interactive Tutorials
• Tutorial: Adding Nx to an Existing Monorepo
• Official Nx YouTube Channel
• Blog Posts About Nx