Short TypeScript Import Paths in Angular 9

Short TypeScript Import Paths in Angular 9

How to setup import path aliases in Angular9 and why you should do it as the first thing for any Angular project. Short TypeScript Import Paths in Angular9

When working with Angular, importing files in TypeScript is something we do quite often. When we import files from other parent directories, the IDE typically resolves the import file paths. Furthermore, when we build the Angular application, the TypeScript compiler compiles the code and produces the final JavaScript bundle with the help of Webpack. Since these essential steps are taken care of, most of us won’t bother in improving these import paths.

However, there are several downsides of not standardizing these paths in the long run. In this article, I will first explain why you should do it as the first thing in any Angular project and then guide you through the steps of doing it.

javascript angular typescript angular 9

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How to Post FormData with Angular 9, TypeScript and HttpClient

In this Angular 9 tutorial, we'll learn how to send post multi-part form data to a web server using TypeScript, Angular 9, HttpClient and FormData. Learn how to work with FormData in Angular 9 and TypeScript and how to post it to a web server via a POST request and HttpClient. Learn how to Post FormData (multipart/form-data) with Angular 9/8, TypeScript and HttpClient

Angular Sass: How To Use Sass In Angular 9 Tutorial

Sass in Angular is an extension of CSS that allows you to use things like variables, nested rules, inline imports. Angular supports Sass, CSS, and Less.

Angular 9 Mxgraph working example

Angular 9 Mxgraph working example. Angular 9 Mxgraph with dynamic data. Angular 8 Mxgraph working example. Angular Mxgraph working example

What's New in Angular 9 | Angular 9 New Features | Angular 9 Ivy

What's New in Angular 9 | Angular 9 New Features | Angular 9 Ivy - will help you understand all the new features provided in Angular 9: What's New in Angular 9, Angular Ivy, Angular AOT, Angular Versioning

Angular 10/9/8 Firebase CRUD Operations with Reactive Forms

Create a student record management system app using Angular 7|8|9, Firebase 5|6 Database, Reactive Forms, Form Validation, NGX-Pagination and NGX-Toastr.