在React组件中使用绝对路径

Question

对于导入组件，如何使用根目录的绝对路径并更改根目录？

import Modal from project/app/src/Components/Modal
import Main from ../../../../Constants

我想将根目录更改为我可以从src导入

import Modal from Components/Modal
import Main from Constants

我尝试更改package.json中的工作区

"workspaces": [
    "project/app/src/*"
]

或使用

"scripts": {
    "start": "NODE_PATH=project/app/src/ webpack-dev-server"
}

但是它不起作用。

Answer 1

要在create-react-app中实现绝对导入，首先需要在根级别（与package.json相同的级别）创建‘.env’文件，然后将环境变量‘NODE_PATH’设置为{ {1}}

‘src/’

Answer 2

具有NODE_PATH = src的.env文件已弃用。

改为在根目录中使用jsconfig.json

{
  "compilerOptions": {
    "baseUrl": "./src"
  }
}