가져 오기는 절대 경로와 구성 요소를 반응

Question

여기 내 테스트 파일

// /imports/components/main.test.js 
import React from 'react' 
import { shallow, mount } from 'enzyme' 
import Main from './main' 
import TextInput from "/imports/ui/textInput" 
... 

하고 main.js는

// /imports/components/main.js 
import { action1 } from "/imports/actions/myAction" 

을 가지고 있지만 내가 테스트를 실행할 때 그것은

말, 오류가 발생합니다 Cannot find module '/imports/actions/myAction' from 'main.js'

내가 import './main'으로 의견을 말하면, T extInput. node_modules에 모듈을 가져 오는 데 문제가 없습니다.

프로젝트 디렉토리의 절대 경로 (예 : import Foo from /imports/...)를 사용하여 구성 요소를 가져 오도록 Jest 또는 webpack에 지시하려면 어떻게해야합니까?

Answer 1

내 파일 구조는 귀하와 동일한 패턴을 따릅니다. Jest에게 /으로 시작하는 수입품을 사용하도록 가르치기 위해, 나는 babel-plugin-module-resolver과 그것의 편리한 root 옵션을 사용한다. 농담에 대한 나의 .babelrc은 다음과 같습니다

{ 
    "presets": ["es2015", "meteor"], 
    "plugins": [ 
    "transform-class-properties", 
    "transform-react-constant-elements", 
    "transform-react-inline-elements", 
    "transform-react-remove-prop-types", 
     ["module-resolver", { 
     "root": ["../"], 
     "alias": { 
     "react-router-dom": "react-router-dom/umd/react-router-dom.min.js", 
     "redux": "redux/dist/redux.min.js", 
     "react-redux": "react-redux/dist/react-redux.min.js" 
     } 
    }] 
    ] 
} 

내가 루트 수입을 사용자 정의 유성을 사용하고 있듯이, 나는 나 특정을 할 수 있도록 내 저장소의 루트에 .jest 디렉토리에 내 농담 사용 및 구성을 숨기기 .babelrc 유성 충돌과 충돌하지 않아야합니다.