Angular-Highcharts mit Angular-CLI; Wo füge ich einen Webpack-Alias ​​hinzu?

Question

die Führung für integrating angular2-highcharts with Angular2 Folgen, sind fordern sie einen Webpack alias für highcharts/highstock.src.js, wie für die Einstellung:

alias: { 
     highcharts$: "highcharts/highstock.src.js" 
     }, 

Nach einem der Antworten auf this question, gibt es keine Möglichkeit zu konfigurieren Webpack mit kantigem-CLI.

habe ich versucht, ohne den Alias ​​ausgeführt wird, und ich erhalte eine Fehlermeldung, die ich nicht sicher bin, ist verwandt:

ERROR in ./src/app/graph/graph.component.ts 
Module build failed: Error: /Users/bradley/Documents/Work/megastore/src/app/graph/graph.component.ts (8,31): Cannot find module 'highcharts/highcharts-3d'.) 
    at _checkDiagnostics (/Users/bradley/Documents/Work/megastore/node_modules/@ngtools/webpack/src/loader.js:116:15) 
    at /Users/bradley/Documents/Work/megastore/node_modules/@ngtools/webpack/src/loader.js:141:17 
@ ./src/app/app-routing.module.ts 14:0-57 
@ ./src/app/core/core.module.ts 
@ ./src/app/app.module.ts 
@ ./src/app/index.ts 
@ ./src/main.ts 
@ multi main 

Gibt es eine Möglichkeit, dieses Alias ​​gesetzt angular2-highcharts arbeiten in meinem Projekt zu bekommen?

Answer 1

Obwohl dies nicht in der Dokumentation angular2-highcharts behandelt wird, löste ich es, wenn ich versuche, styled-Modus zu implementieren (siehe gevgeny/angular2-highcharts#115). Sie können den Alias ​​highcharts in Ihrem src/tsconfig.json:

{ 
    "compilerOptions": { 
    ..., 
    "paths": { 
    ..., 
    "highcharts": ["../node_modules/highcharts/highstock.js"] 
    } 
} 

alias