Angular 2路径设置

Question

我应该寻找什么样的关键字来学习如何配置我的Angular应用程序以便能够加载我的内部模块：

import { MyModule } from 'cool/short/path';

而不是：

import { MyModule } from './../../../modules/MyModle/my-module';

我经历了一些教程，提到如何配置整个应用程序以使用某种绝对路径标记，但是可以以这种方式配置单个模块吗？作为一个值得注意的例子，我提到了Angular模块，它们始终用@和来自任何项目位置的相同路径引用。

Answer 1

我认为，您所要求的是TypeScript编译器选项的属性。看看这个document describing baseUrl。

由于我们正在讨论import ...指令，因此它与Angular无关。您需要在tsconfig.json文件中进行设置。

您的“非相对路径”（没有..的路径）将从baseUrl开始解析。所以，从技术上讲，他们仍然是相对的。区别在于它不是相对于当前文件，而是相对于您指定的目录。如果需要，您仍然可以使用基于..的导入。您甚至可以在同一个文件中混合导入样式......

Answer 2

OP再来一次，我想提一下“非相对路径”中的一个重要问题。由于Igor Soloydenko answer提到了tsconfig.json文件，因此在修改tsconfig.app.json文件之后它可以正常工作，这实际上扩展了基础tsconfig.json，但即使只是从应用程序文件级别工作我的更改是有效的。