how to run nx dev and dependencies watch together

[khanakia]

Right now i have to run two commands separately one is to run my Next.js project in dev mode and other is watch the workspace dependences and auto build on change

https://nx.dev/recipes/running-tasks/workspace-watching

How do I run both commands as one instead of running 2 commands everytime in different terminals ?

npx run sa:dev
npx nx watch --projects=sa --includeDependentProjects -- nx run-many -t dev -p \$NX_PROJECT_NAME --exclude=sa

[pankyriazo]

Hi there 👋 !
I came across this question while randomly searching for something else.
Here’s what’s worked for me in my projects:

{
  "name": "sa",
  "targets": {
    "dev": {
      "executor": "nx:run-commands",
      "options": {
        "command": "npx nx run-many --projects=sa --targets=dev:sa,dev:dependencies"
      }
    },
    "dev:sa": {
      "executor": "nx:run-commands",
      "options": {
        "command": "npx run sa:dev"
      }
    },
    "dev:dependencies": {
      "executor": "nx:run-commands",
      "options": {
        "command": "npx nx watch --projects=sa --includeDependentProjects -- nx run-many -t build -p \\$NX_PROJECT_NAME --exclude=sa"
      }
    }
  }
}

Then i run npx nx run sa:dev.

Hope this helps!