Improving Deployment Workflow with WebStorm and Nx

Hi all,

I'm currently using WebStorm for an Nx monorepo that includes both Node.js services and Angular applications.

By default, Nx builds the project into the dist directory, which I've configured as the source directory for deployment to a remote server.

However, after each build, I have to manually locate the dist directory in the Project panel, select it, and then trigger the sync window to upload the files. This workflow is far from optimal for several reasons:

• The dist directory is (and should remain) excluded from the project structure. To make it visible, I have to enable the display of excluded folders—something I’d prefer not to do.
• The process is slow and involves several clicks, when ideally a single button on the toolbar (or a keyboard shortcut) would suffice.

I’m not comfortable with fully automated sync, but I’m looking for a more efficient and user-friendly way to deploy the dist folder after each build.

Has anyone found a better solution for this?

Thanks in advance!