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.

Allen Wong · Accepted Answer · 2019-09-30 01:52:50Z

4

.env file with NODE_PATH=src is deprecating.

use jsconfig.json in root dir instead

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

answered Sep 30, 2019 at 1:52

Allen Wong

1,4831 gold badge13 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sachin mathew · Accepted Answer · 2019-07-05 19:50:16Z

1

To implement absolute imports in create-react-app First you need to Create a ‘.env’ file at the root level (same level as package.json) then Set an environment variable, ‘NODE_PATH’ to ‘src/’

NODE_PATH=src

answered Jul 5, 2019 at 19:50

sachin mathew

1,47215 silver badges20 bronze badges

Collectives™ on Stack Overflow

Use absolute path in React components

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related