我使用 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 文件。
有没有办法实现我的目的?
最佳答案
--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
关于javascript - 配置 WebStorm/PhpStorm 将 .ts 文件编译为 .js 到 "js"文件夹,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26549985/