Reactjs 使用create react app创建自定义绝对路径

我使用

create React app

version

3.4.1

创建了一个带有typescript的React项目。 我试图避免在我的项目中使用相对路径。以下是我的项目树的一部分：

/
|_ public
|_ tests
|_ src
  |____ Scenarios
  |____ Components
        |____c

我基本上想要的是能够像

导入'@components/c'

这样做。我已尝试将此部分添加到我的

tsconfig.json

文件中：

{

"compilerOptions": {
...
    "baseUrl": ".",
    "paths": {
      "*": ["src/*"],
      "tests": ["tests/*"],
      "public": ["public/*"],
      "@components/*": ["src/Components/*"],
      "@Scenarios/*": ["src/Scenarios/*"],
      },
...
   }
}

但是每次我使用

warn start

启动我的应用程序时，我的tsconfig会删除我代码的这一部分（除了我的“baseUrl”部分之外的所有内容）。自

react create app

的第3版以来，通过启用

baseUrl

属性来影响导入的根目录，部分解决了此问题。但是我在任何地方都找不到一个有效的解决方案来设置tsconfig

path

目录中的绝对路径。部分解决方案对我不起作用，因为我可能要从公共目录导入内容

我从去年开始尝试过这个，但它对我不起作用。有人设法让这个或任何其他解决方案起作用了吗

理想情况下，该解决方案将使我仍然使用CreateReact应用程序，而不使用其他软件包，但当然任何解决方案都可以工作