Book Image

MEAN Cookbook

By : Nicholas McClay
Book Image

MEAN Cookbook

By: Nicholas McClay

Overview of this book

The MEAN Stack is a framework for web application development using JavaScript-based technologies; MongoDB, Express, Angular, and Node.js. If you want to expand your understanding of using JavaScript to produce a fully functional standalone web application, including the web server, user interface, and database, then this book can help guide you through that transition. This book begins by configuring the frontend of the MEAN stack web application using the Angular JavaScript framework. We then implement common user interface enhancements before moving on to configuring the server layer of our MEAN stack web application using Express for our backend APIs. You will learn to configure the database layer of your MEAN stack web application using MongoDB and the Mongoose framework, including modeling relationships between documents. You will explore advanced topics such as optimizing your web application using WebPack as well as the use of automated testing with the Mocha and Chai frameworks. By the end of the book, you should have acquired a level of proficiency that allows you to confidently build a full production-ready and scalable MEAN stack application.
Table of Contents (13 chapters)

Configuring Angular-CLI project settings

The .angular-cli.json file in the root of our project serves as a configuration file for our Angular-CLI application instance. We can customize these configurations manually by editing the file itself, but we can also read and write from it using the Angular-CLI commands get and set.

How to do it...

Let's follow the steps below to learn how to read and write from our Angular application's configuration file using Angular-CLI:

  1. To get the name of an Angular-CLI application, we would use:
ng get project.name
  1. You can see how the project.name value maps to the content of our .angular-cli.json file:
{
...
"project": {
"name": "my-angular4-project"
},
...
}
  1. We can also write to this configuration file using the set command:
ng set project.name=my-awesome-angular-project

Note that any configuration changes here will not be picked up by live reload, and will require an entire restart of your Angular-CLI web server to be picked up by your application.