目录中所有文件的TsConfig.json路径匹配

Question

我一直在研究tsconfig.json，发现它可以创建路径。 目前，我发现可行的唯一方法是：

"compilerOptions": {
  "baseUrl": "./src/app",
  "paths": {
    "@components": ["components/*"]
}

然后允许我做这样的事情：

import { dialogSale } from '@components/dialog-sale/dialog-sale.component';

这很好用，但是因为我的文件夹结构有点麻烦，因为我的基本路径已经在应用程序上了，所以我只需要这样做，实际上要短1个字符：

import { dialogSale } from 'components/dialog-sale/dialog-sale.component';

我想要做的是缩短导入语句以及减少子目录的开发人员错误，是要像这样使用：

import { dialogSale } from '@components/dialog-sale.component';

上述将是最理想的选择，因为它可以减少开发人员出错的可能性，并减少导入语句的难度。

Answer 1

如果要缩短它，则应进一步指定路径。 例如：

"compilerOptions": {
  "baseUrl": "./src/app",
  "paths": {
    "@components": ["components/dialog-sale/*"]
 }
}

然后您可以使用：

import { dialogSale } from '@components/dialog-sale.component';

如果您以后想要添加与对话框销售不同的其他“组件”，那么这将是不实际的。在这种情况下，您可以执行以下操作：

"compilerOptions": {
  "baseUrl": "./src/app",
  "paths": {
    "@dialogSale": ["components/dialog-sale/*"]
 }
}

并使用：

import { dialogSale } from '@dialogSale/dialog-sale.component';

取决于它最适合您的方式。 希望这会有所帮助！