Use absolute path in React components

Question

How I can use absolute path from root and change root, for import components?

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

and I want, change root directory to I can import from src

import Modal from Components/Modal
import Main from Constants

I try change workspaces in package.json

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

or use

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

but it's not working.

Answer 1

.env file with NODE_PATH=src is deprecating.

use jsconfig.json in root dir instead

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

Answer 2

在 create-react-app 中实现绝对导入首先你需要在根级别（与 package.json 相同级别）创建一个'.env'文件，然后设置一个环境变量， 'NODE_PATH'到'src/'

NODE_PATH=src