目录中所有文件的 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';

取决于它如何最适合您。 希望这会有所帮助！