From the course: Angular: API Communication and Authentication
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Architecture of an Angular + Node application - Angular Tutorial
From the course: Angular: API Communication and Authentication
Architecture of an Angular + Node application
- [Instructor] Adding a Node back into a project generator with the Angular CLI will require you to make some changes. The exercise files provided are already setup for you, but I want to show you how you can do this yourself when creating a new project. I've got a Visual Studio code open here, and we'll go ahead an open the exercise files for this video. We want to separate the client code from the server code. The first thing I did was to create a client folder inside source, and move all of the current files in source into the new client folder. The next step was to update some of the configuration files. First, tsconfig.app.json was updated with the correct extends property to point to the correct path. Next, I updated the Angular CLI configuration file and updated the root and the outDir properties. Root was set to source, but the files are now in the source client folder. OutDir was set to source this, but we want the generated built artifacts to be placed in the public folder…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.