javascript - 配置 WebStorm/PhpStorm 将 .ts 文件编译为 .js 到 "js"文件夹

Question

我使用 WebStorm 并且我有一个具有以下结构的项目:

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

其中“webApp”是项目的根。

我想配置一个文件观察器，将“ts”文件夹中的 .ts 文件编译为“js”文件夹中的 .js 文件。

在我设置的观察者对话框中:

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

在参数字段中

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

在要刷新的输出路径字段中。

每次我编辑 .ts 文件时，webstorm 都会显示如下错误:

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

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

我尝试了几次将宏更改为指向外部 js 文件夹，但它唯一起作用的方法是让默认选项因此转译器编译 .ts 文件成为 ' node' 包含 .js 文件和 .map 文件。

有没有办法实现我的目的？

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