[Fixed] NX workspace, how to change an Angular app name with the the cli?

Issue

I have NX workspace with some apps and the product decided to change one of the apps name,
how can I do it without manually change the app’s folders names, modules names, all the importing paths, NX settings etc’?

Same app, same location, only different name.

Solution

Since Nx 8.12 you can do it by using the move schematic (or mv) to ‘move’ the app to the same place but with the new wanted name.

For example, if I want to rename my ‘oldNG’ app to be called ‘newNG’, I can do that like so:

nx g @nrwl/workspace:move --project oldNG newNG

Or nx g mv --project oldNG newNG if I want to rename app from my default collection. (provisioned in angular.json).

If I want to move this app to different place- I just need to include the destination in the new name of the app, like so:

--project oldNG distention/newNG

Read more:
https://nx.dev/latest/angular/plugins/workspace/schematics/move

Leave a Reply

(*) Required, Your email will not be published