Ability to configure aliases in .angular-cli.json #6282

Activity

1. clydin commented on May 11, 2017

   

   clydin

   on May 11, 2017

   Member

   More actions

   Typescript provides extensive path mapping support. Scroll down to the path mapping section here: https://www.typescriptlang.org/docs/handbook/module-resolution.html

   👍React with 👍4Reacted by Filipe Silva, ● filipe, Sergey Zotenko and Erik Murphy
2. dave11mj commented on May 12, 2017

   

   dave11mj

   on May 12, 2017

   ContributorAuthor

   More actions

   @clydin Thanks for the feedback !! I didn't know tsconfig.json had such power !! ^^

   👍React with 👍2Reacted by Filipe Silva and Erik Murphy
3. dave11mj

   closed this as completedon May 12, 2017
4. WoMayr commented on Aug 3, 2017

   

   WoMayr

   on Aug 3, 2017

   Last edited by WoMayr

   More actions

   I tried to use this method to import the requirejs compatible version of fabric.js but then the typings of @types/fabric are not working anymore. Neither the compiler does typechecks nor does VSCode provide any information about the types.

   My tsconfig.json:

   {
     "compileOnSave": false,
     "compilerOptions": {
       "outDir": "./dist/out-tsc",
       "baseUrl": "src",
       "paths": {
         "fabric": [
           "../node_modules/fabric/dist/fabric.require.js"
         ]
       },
       "sourceMap": true,
       "declaration": false,
       "moduleResolution": "node",
       "emitDecoratorMetadata": true,
       "experimentalDecorators": true,
       "target": "es5",
       "typeRoots": [
         "node_modules/@types"
       ],
       "lib": [
         "es2016",
         "dom"
       ]
     }
   }

   Usage inside app.component.ts:

   import { Component, OnInit, ViewChild, ElementRef } from "@angular/core";
   
   import * as fabric from "fabric";
   
   @Component({
     selector: "app-root",
     templateUrl: "./app.component.html",
     styleUrls: ["./app.component.scss"]
   })
   export class AppComponent implements OnInit {
   
     @ViewChild("canvas")
     public viewCanvas: ElementRef;
   
     private canvas: fabric.Canvas;
   
     public exportedSvg: string;
   
     public ngOnInit(): void {
       this.canvas = new fabric.Canvas(this.viewCanvas.nativeElement);
   
       // create a rectangle object
       const rect = new fabric.Rect({
         left: 100,
         top: 100,
         fill: "red",
         width: 20,
         height: 20,
         lockUniScaling: true
       });
   
       // "add" rectangle onto canvas
       this.canvas.add(rect);
     }
   
     public export(): void {
       this.exportedSvg = this.canvas.toSVG();
     }
   }

   Typescript should complain about this.canvas.toSVG() as it is wrongly defined inside the typings, but it doesn't.

   I have looked around the internet searching for any solutions regarding this problem but I couldn't find any.
5. nelisbijl commented on Nov 29, 2018

   

   nelisbijl

   on Nov 29, 2018

   More actions

   Typescript provides extensive path mapping support. Scroll down to the path mapping section here: https://www.typescriptlang.org/docs/handbook/module-resolution.html

   Sure but SCSS is no TypeScript

   👍React with 👍2Reacted by hpawe01 and Artem
6. angular-automatic-lock-bot commented on Sep 8, 2019

   

   angular-automatic-lock-botbot

   on Sep 8, 2019

   More actions

   This issue has been automatically locked due to inactivity.
   Please file a new issue if you are encountering a similar or related problem.

   Read more about our automatic conversation locking policy.

   _{This action has been performed automatically by a bot.}
7. angular-automatic-lock-bot

   locked and limited conversation to collaborators on Sep 8, 2019