Book Image

MEAN Web Development - Second Edition

By : Amos Q. Haviv
Book Image

MEAN Web Development - Second Edition

By: Amos Q. Haviv

Overview of this book

The MEAN stack is a collection of the most popular modern tools for web development that helps you build fast, robust, and maintainable web applications. Starting with the MEAN core frameworks, this pragmatic guide will explain the key concepts of each framework, how to set them up properly, and how to use popular modules to connect it all together. By following the real-world examples shown in this tutorial, you will scaffold your MEAN application architecture, add an authentication layer, and develop an MVC structure to support your project development. You will learn the best practices of maintaining clear and simple code and will see how to avoid common pitfalls. Finally, you will walk through the different tools and frameworks that will help expedite your daily development cycles. Watch how your application development grows by learning from the only guide that is solely orientated towards building a full, end-to-end, real-time application using the MEAN stack!
Table of Contents (18 chapters)
MEAN Web Development Second Edition
About the Author
About the Reviewer

Using NPM scripts

As you may have noticed, developing our application involves the operation of several tasks together. For instance, in order to run our application, we'll need to transpile our Angular files and then run our Express application. This pattern will repeat itself and even get more complicated. To solve this, developers prefer to automate some of the application functionality and use supportive tools to speed up their work. Some developers prefer using third-party tools, such as Grunt or Gulp, also known as task runners; however, we already use a tool that allows us to run scripts, a tool called NPM. To understand this better, take a look at your package.json file's scripts property:

"scripts": {
  "tsc": "tsc",
  "tsc:w": "tsc -w",
  "app": "node server",
  "start": "concurrently \"npm run tsc:w\" \"npm run app\" ",
  "postinstall": "typings install",

As you can see, you already have five scripts to manage your application developments. In the following sections,...