PhpStorm - babel-plugin-module-resolver - babel-plugin-module-alias

Question

내 React JS 프로젝트에서 내 모듈을 가져 오기 위해 babel-plugin-module-resolver를 사용하고 있습니다. (분명히 문제는 deprecated babel-plugin-module-alias).

나는

이 PhpStorm에 별칭 경로를 설정하는 방법이 있나요 자동차 부품에 대한 완료하고 '가져 오기'를 사용하고 싶습니다?

내 babelrc 구성은 다음과 같습니다

"plugins": [ 
     [ 
      "module-resolver", { 
      "root": ["./src"], 
      "alias": { 
       "root_components": "components", 
       "root_data": "data", 
       "root_entities": "entities", 
       "root_library": "library", 
       "root_services": "services", 
       "root_styles": "styles", 
       "root_views": "views" 
      } 
     }] 
    ], 

내 JS는 다음과 같이이다 : 분명히

import React from "react"; 
import Header from "root_components/layout/header"; 

이 PhpStorm 내 헤더 구성 요소에 대한 경로를 확인할 수없는 ...

실마리가 있습니까?

Answer 1

PhpStorm은 Babel 별칭을 지원하지 않습니다. 누락 된 경우 https://youtrack.jetbrains.com/issue/WEB-22717을 업데이트하십시오. 하지만 너무 자주 변경되는 타사의 증발기 및 번들 전용 솔루션을 구현하는 데 항상 노력할 것 같지 않습니다. 우리는 다소 일반적인 솔루션에 대해 생각하고 싶습니다.