使用Angular-CLI的Angular-Highcharts在哪里添加一个别名？

Question

遵循integrating angular2-highcharts with Angular2的指南，他们呼吁为highcharts/highstock.src.js设置一个Webpack别名，如下所示：

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

根据对this question的一个回答，没有办法使用Angular-CLI来配置Webpack。

我尝试在没有别名的情况下运行，但得到一个错误，我不确定是否相关：

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

有没有办法设置这个别名让angular2-highcharts在我的项目中工作？

Answer 1

尽管angular2-highcharts文档中没有涉及到这一点，但我在尝试实现样式化模式时解决了这个问题(请参阅gevgeny/angular2-highcharts#115)。您可以在src/tsconfig.json中为highcharts设置别名

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