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

Question

我使用create-react-app版本3.4.1创建了一个带有打字稿的React项目。 我试图避免在项目中使用相对路径。这是我的项目树的一部分：

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

我基本上想要做的是像import '@components/c'这样的事情。我试图将这部分添加到我的tsconfig.json文件中：

{

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

但是，每次我使用yarn start启动我的应用程序时，tsconfig都会删除代码的这一部分（除“ baseUrl”部分以外的所有内容）。 As far as I know自react-create-app的第3版以来，通过启用baseUrl属性来影响导入的根目录，部分地解决了此问题。但是我找不到任何可行的解决方案来设置tsconfig path目录中的绝对路径。部分解决方案对我不起作用，因为我可能要从公共目录中导入内容。

我从去年开始尝试了此solution，但对我来说不起作用。有人能使此解决方案或任何其他解决方案起作用吗？

理想情况下，该解决方案将使我仍然可以使用create-react-app而不使用其他软件包，但是任何解决方案当然都可以使用。