在 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

不推薦使用 NODE_PATH=src 的 .env 文件。

在根目錄中使用 jsconfig.json 代替

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

Answer 2

在 create-react-app 中實現絕對導入首先你需要在根級別（與 package.json 相同級別）創建一個'.env'文件，然后設置一個環境變量， 'NODE_PATH'到'src/'

NODE_PATH=src