A step-by-step guide to keeping Angular application projects minimal within Nx workspaces by extracting shared workspace libraries for assets, styles, and environments. Covers generating clean library projects, moving static files and stylesheets, configuring angular.json build targets, setting up environment file replacements, and wiring up NgRx Store in a shared data-access library. Also explains how to configure implicit dependencies in nx.json so affected commands correctly detect changes across libraries.

21m read timeFrom playfulprogramming.com
Post cover image
Table of contents
Create an Nx workspace with an Angular application Copy link Link copied!Extract an assets workspace library Copy link Link copied!Bundle an asset Copy link Link copied!Extract a styles workspace library Copy link Link copied!Extract an environments workspace library Copy link Link copied!Add compile time configuration to a library Copy link Link copied!Configure Nx workspace dependencies Copy link Link copied!A tiny Angular application project Copy link Link copied!Conclusion Copy link Link copied!Resources Copy link Link copied!Peer reviewers Copy link Link copied!
4 Impressions