javascript - Konfigurera WebStorm/PhpStorm för att kompilera .ts-filer till .js i mappen "js"

Jag använder WebStorm och jag har ett projekt med följande struktur:

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

Där "webApp" är projektets rot.

Jag skulle vilja konfigurera en filövervakare som kompilerar .ts-filen inom mappen "ts" till .js-filer inom mappen "js".

I övervakningsdialogen satte jag:

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

i fältet arguments och

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

i fältet Utdataplatser att uppdatera.

varje gång jag redigerar en .ts-fil visar WebStorm ett fel som detta:

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

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

Jag försökte flera gånger att ändra makron för att peka på den externa js-mappen men det enda sättet det fungerade på var att låta standardalternativet vara, vilket gjorde att transpileraren kompilerade .ts-filen som blev en 'node' som innehåller .js-filen och .map-filen.

Finns det ett sätt att uppnå mitt syfte?

Svar #1

--out-alternativet gör att tsc slår samman alla dina filer till $FileNameWithoutExtension$.js

Om du vill att en separat .js-fil ska genereras, prova följande inställningar:

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

Svar #2

Prova detta som ditt argumentvärde:

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

källa: https://www.youtube.com/watch?v=YwBWByAR8ug

Relaterade artiklar