向“创建React App”创建的应用添加绝对路径

Question

我通过Create React App创建了一个应用，更具体地说，我也在使用打字稿。

我无法确定如何设置访问我的组件，页面等的绝对路径。

在另一种情况下，我将使用以下内容更新我的tscongig：

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

但是我不知道如何使用react-scripts来实现它 有什么主意吗？

Answer 1

如果在解决方案中创建 jsconfig.json 文件，则该文件应该使用相同的方法，该文件支持与tsconfig相同的baseUrl和rootPath属性。

替代方法在您的解决方案中添加以下行的 .env 文件：

NODE_PATH=src/

此外，除了env文件，还将其添加到jsconfig.json

{
  "rootDir": "src",
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
      "*": ["*"]
    }
  }
}

这应该可以解决编译器能够找到您的绝对导入，并可以棉绒绒处理正确的情况。

Answer 2

创建一个tsconfig.json文件并添加以下代码。

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": [
    "src"
  ]
}

然后，您可以将组件导入为

import Header from 'components/Header';