jsx 또는 tsx에서 js를 시각적 인 스튜디오 코드로 자동 컴파일하는 방법은 무엇입니까?

Question

jsx 또는 tsx에서 js를 어떻게 시각적 인 스튜디오 코드로 어떻게 자동으로 컴파일합니까? 작업 주자가 필요합니까? 또는 jsconfig.json에 대한 구성 만?

은 이미 시도 무엇 :

은 이미 성공없이 jsx 매개 변수를 사용하여 jsconfig.json을 만들려고. TS 컴파일러를 구성했지만 TS를 JS로 컴파일하고 JSX를 JS로 컴파일하지 않습니다.

실행 작업을 구성 할 필요없이이 변환을 수행하는 구성이 있는지 궁금합니다. 예를 들어 전체 Visual Studio와 같이 "저장시 컴파일"할 수 있습니다.

Answer 1

당신은

[ 
    { 
     "key": "ctrl+s",   
     "command": "workbench.action.tasks.build" 
    } 
] 

이

을 keybindings.json 및 파일 tasks.json

{ 
    "version": "0.1.0", 
    "command": "webpack", 
    "isShellCommand": true, 
    "args": [], 
    "showOutput": "always" 
}