구성 WebStorm/PhpStorm 내가 <strong>WebStorm</strong>를 사용

Question

"JS"폴더로 된 .js 파일을 .TS 컴파일하고 나는 다음과 같은 구조의 프로젝트가 있습니다

webApp 
|--style 
|--includes 
|--ts 
|--js 

는 "웹 애플리케이션"는이다 프로젝트의 루트.

나는 내 .TS 파일을 컴파일 할 파일의 감시자 구성하고 싶습니다

"TS는"는 "JS"폴더 내에서의 .js 파일로 폴더. 감시자 대화 상자에서

나는 설정 :

"$Projectpath$/js/ --sourcemap $FileName$" 

인수에

필드와

"$Projectpath$/js/$FileNameWithoutExtension$.js:$Projectpath$/js/$FileNameWithoutExtension$.js.map" 

을 출력 경로에 필드를 새로.

나는 .TS 파일 webstorm을 편집 할 때마다이 같은 오류 보여줍니다 : 나는 외부 JS에 폴더하지만 마녀 유일한 방법을 가리 키도록 매크로를 변경하는 몇 시간을 시도

/usr/local/bin/tsc /htdocs/webapp/js/ --sourcemap test.ts 

error TS6053: File '/htdocs/webapp/js/.ts' not found. 

그 근무자는 기본 옵션을 사용하여 transpiler가 .js 파일과 .map 파일을 포함하는 '노드'마녀가 된 .ts 파일을 컴파일했습니다.

내 목적을 달성하는 방법이 있습니까?

Answer 1

--out 옵션은 TSC는 $ FileNameWithoutExtension $의 .js

에 모든 파일을 병합 할 것 .js 파일이 생성되면 다음 설정을 시도하십시오.

Arguments: --sourcemap --outDir $ProjectFileDir$/js/$FileDirPathFromParent(ts)$ $FileName$ 
Output paths: $ProjectFileDir$/js/$FileDirPathFromParent(ts)$$FileNameWithoutExtension$.js:$ProjectFileDir$/js/$FileDirPathFromParent(ts)$$FileNameWithoutExtension$.js.map 

Answer 2

당신의 인자 값으로이 시도 :

--out $ProjectFileDir$/js/$FileDirPathFromParent(ts)$$FileNameWithoutExtension$.js $FileName$ 

소스 : 별도의 갖고 싶은 경우 https://www.youtube.com/watch?v=YwBWByAR8ug

Answer 3

아래 단계는 Web 및 PHPstorm에서 모두 작동합니다.

tsconfig.json 파일이 있습니까? >tsconfig.json ->새로운 -

하지 않으면, 바로 프로젝트 이름 클릭합니다. 해당 파일이 프로젝트 루트 폴더에 생성됩니다. 보관해라!

예, 해당 파일을 열 경우, 그 결과는 아래와 같습니다 :

{ 
    "compilerOptions": { 
    "module": "commonjs", 
    "target": "es5", 
    "sourceMap": true, 
    }, 
    "exclude": [ 
    "node_modules" 
    ] 
} 

을 그냥 옵션 추가 :

"outDir": "JS_FOLDER_PATH_FROM_PROJECT_ROOT" 

에 "compilerOptions"키 :

"compilerOptions": { 
    "module": "commonjs", 
    "target": "es5", 
    "sourceMap": true, 
    "outDir": "JS_FOLDER_PATH_FROM_PROJECT_ROOT" 
}, 

을

그만큼 간단합니다!

팁 : 추가 옵션을 찾으려면 IDE 자동 완성 기능을 사용하십시오!