Path Alias

Path aliases simplify paths by giving a link to the path rather than using the the fully qualified path name. Using them will make your code easier to read and maintain.

Create Aliases

Run this command to install the json program which we will use to modify tsconfig.json:

npm install -g json

To create an alias run this command from your root application directory:

json -f tsconfig.json -I -e "this.compilerOptions.paths['@app/*'] = ['app/core/*']"

The @app is the alias. The path, app/core/* in this example, is the path from the root src directory to the directory you would like to alias.

For json to be able to add paths to your tsconfig.json “paths” has to exist under compilerOptions. Else you get an error when running the commands to add specific paths. “paths” can be added like this:

json -f tsconfig.json -I -e “this.compilerOptions[‘paths’] = {}”

Using Aliases

When you have aliases defined such as @shared you can shortcut your use statements by using the alias:

import { SharedModule } from '../../shared/shared.module';

becomes:

import { SharedModule } from '@shared/shared.module';

The environment @env alias to a file is used this way:

import { environment } from '@env';

This is documentation for angular-folder-structure. If you find this useful please add your ★ star to the project.