JetBrains에 반응하기 WebStorm은 상대 경로가 아닌 절대 경로로 자동 가져 오기

Question

저는 React.js에서 JetBrains의 멋진 WebStorm을 사용하여 다양한 프로젝트를 수행하고 있습니다.

기존 구성 요소 이름을 입력 할 때마다 WebStorm이 나를 자동으로 가져옵니다.이 파일은 멋지지만 가져 오기를 수행하는 파일을 기반으로하는 상대 경로에 의해 자동으로 가져옵니다.

그렇게 것 같은데 :

import vintageAxios from "../../../../services/api/index";

하지만 것처럼 것으로 기대하고 있습니다 : 이미 설치 NODE_PATH=src/ 변수 내 .env.local 파일, 나는했습니다

import vintageAxios from "services/api/index";

create-react-app을 사용하여 프로젝트를 설정하십시오.

편집 : 수입에 문제가 없습니다. 필자가 알고 싶은 것은 WebStorm을 구성하여 상대 경로가 아닌 절대 경로로 자동으로 가져 오기를 수행하는 방법이 있는지입니다.

Answer 1

는 소스 디렉토리 표시 한 후, 그것을 (WebStorm 2017.2)를 찾은 소스 루트로 (그 권리를 찾기 위해 그것을 클릭)하면 다음이 상자 확인할 수 있습니다 (예를/src에 있습니다.) :

Answer 2

WebStorm은 다른 파일의 경로가 상대 경로 또는 절대 경로로 선언되는 방식과 아무 관련이 없습니다 (IDE 만 해당).

저는 create-react-app가 Webpack과 Babel을 사용한다고 생각합니다. 그렇다면 웹 팩 구성에서 'resolve' 옵션을 구성하여 원하는 경로와 일치시킬 수 있어야합니다.

예 : 웹팩 해결 구성 here에

const path = require('path'); 
    const root = path.join(process.cwd()); 
    const myPath = path.join(root, '<ADD_YOUR_PATH_HERE>'); 

    module.exports = { 
    resolve: { 
     modules: [ myPath ] 
    } 
} 

더.