TypeScript에서 경로 분석 outDir

Question

TypeScript에서 UI 페이지 개체 모델 테스트 프로젝트를 작성 중이며 중첩 된 끔찍한 가져 오기가 발생하지 않도록 최선을 다하고 있습니다.

나는 내가 outDir로 컴파일하기 때문에, 내 컴파일 .js 파일이 모듈 경로를 확인할 수없는, .ts 파일에 문제를 해결 .tsconfig 파일의 paths 객체를 찾았지만.

model 디렉토리에서 개발하고 src 디렉토리로 컴파일하십시오.

나는 paths이

model에있는 .ts 파일에서

import { chooseRandomValueFrom } from 'general.utils';

날 수 있다는

{ 
    "compilerOptions": { 
    "target": "es6", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": true, 
    "noImplicitAny": false, 
    "outDir": "src/", 
    "baseUrl": "./model/", 
    "paths": { 
     "general.utils": [ "lib/general/general.utils" ], 
     "pretest.setup": [ "lib/pretest.setup/pretest.setup" ], 
     "tpapi": [ "lib/tpapi/tpapi" ], 
     "*": [ "*" ] 
    } 
    }, 
    "exclude": [ 
    "node_modules" 
    ], 
    "compileOnSave": false 
} 

를 다음과 같이 내 .tsconfig 파일을 설정했지만,에서가 해결되지 않습니다 파일 .js은 src에 있습니다.

npm test으로 실행되는 npm 형식의 프로젝트입니다. 이 명령은 src 디렉토리를 컴파일하고 테스트를 실행하고 삭제하는 스크립트를 실행합니다.

#!/bin/bash 

npm run compile:ts 
node_modules/webdriverio/bin/wdio 
npm run clean:ts 

Answer 1

가장 좋은 방법은 수집기/내보내기 파일에서 수집하는 파일의 모든 것을 내 보냅니다.

다른 유형의 유틸리티가있는 파일이 5 개있는 경우, 적절하게 이름을 지정한 다음 utilities 콜렉터/익스포터 파일에 모두 수집합니다. utilities 파일에서

, 그것은 그럼 난 컬렉터/수출 파일에서만 가져올 수 있습니다 단지

export * from 'path/to/file1 
export * from 'path/to/file2 
export * from 'path/to/file3 

같이 라인입니다.

별로 좋지는 않지만 아무것도하지 않는 것보다 조금 낫습니다.