PHPStorm IDE TypeScript文件观察器

dio*_*ney 2 filesystemwatcher phpstorm typescript

默认情况下,在PHPStorm 6中,编译的*.js创建在与*.ts文件相同的文件夹中.

我需要的是编译的*.js和*.d.js在与.ts文件相同的子目录中.

简历中:

  • 我有根文件夹"Project"

  • 我有一个子文件夹"ts",所有*.ts文件都驻留在其中.

  • 我有一个子文件夹"脚本",我想要编译的*.js和*.d.js.

如何使用PHPStorm TypeScript文件观察器完成此操作?

我在File Watcher对话框的Output字段中尝试了几个宏,如:

$FileParentDir$/scripts/$FileNameWithoutExtension$.js:$FileParentDir$/scripts/$FileNameWithoutExtension$.js.map
Run Code Online (Sandbox Code Playgroud)

但他们都没有工作.

len*_*ena 5

File Watcher配置中的"输出路径"字段只告诉IDE在哪里查找创建的文件(用于自动同步),对正在运行的程序没有意义.TypeScript编译器具有--out选项,告诉编译器将生成的文件放在何处

请尝试以下方法:

参数: - sourcemap $ FileName $ --out $ ProjectFileDir $/scripts/$ FileNameWithoutExtension $ .js

工作目录:$ FileDir $

输出路径:$ ProjectFileDir $/bin/$ FileNameWithoutExtension $ .js:$ ProjectFileDir $/bin/$ FileNameWithoutExtension $ .js.map

希望这可以帮助