在 React 组件中使用绝对路径 [英] Use absolute path in React components

问题描述

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

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

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

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

import Modal from Components/Modal
import Main from Constants

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

I try change workspaces in package.json

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

或使用

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

但它不起作用.

推荐答案

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

.env file with NODE_PATH=src is deprecating.

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

use jsconfig.json in root dir instead

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

这篇关于在 React 组件中使用绝对路径的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！