2015-08-23 70 views
1

我想在webstorm中使用typescript,除了「重複.ts文件原始結構的文件夾結構中安排js文件」之外,我幾乎完成了。Webstorm中的Typescript:文件觀察器問題

我用coffiescript的站點https://www.jetbrains.com/webstorm/help/using-file-watchers.html#generalOptions給出的命令。

下面是讚揚顯示在網站

參數:--output $ ProjectFileDir $ \ JS \ $ FileDirRelativeToProjectRoot $ \ --compile --map $文件名$

輸出路徑對於刷新

$ ProjectFileDir $ \ JS \ $ FileDirRelativeToProjectRoot $ \ $ FileNameWithoutExtension $ .js文件:$ ProjectFileDir $ \ JS \ $ FileDirRelativeToProjectRoot $ \ $ FileNameWithoutExtension $ .MAP

我已經使用了上述表示,但根據我的項目沒有什麼變化。但是我在控制檯上出現錯誤。

在這裏我已經連接了我的配置文件觀察員img和控制檯img中的錯誤。

我的文件觀察器的圖像 & 錯誤在控制檯圖像
http://pho.to/9fH8J

下面是這在我的文件觀察器使用的,「參數」和「輸出路徑是指」

的命令參數:--output $ ProjectFileDir $ \ js \ $ FileDirRelativeToProjectRoot $ \ --compile --map $ FileName $

用於輸出路徑是指

$ ProjectFileDir $ \ JS \ $ FileDirRelativeToProjectRoot $ \ $ $ FileNameWithoutExtension的.js:$ ProjectFileDir $ \ JS \ $ FileDirRelativeToProjectRoot $ \ $ $ FileNameWithoutExtension .js.map

* Typescript安裝在項目級別,不是全局安裝。

幫我解決這個問題。

回答

2

WebStorm幫助中提供的示例適用於具有不同命令行選項的CoffeeScript編譯器。 使用TypeScript編譯器使用--sourceMap生成源映射,使用--out指定輸出文件。在這裏您可以找到有關TypeScript編譯器及其選項的信息:​​https://github.com/Microsoft/TypeScript/wiki/Compiler-Options 如果您使用的是WebStorm 10,請使用內置的TypeScript編譯器而不是文件觀察器。

+0

謝謝progara..is有辦法在Typescript中動態創建文件夾,就像Coffeescript一樣嗎?還有一個:在Typescript編譯器中的文件觀察器和bulit兩者都做同樣的事情。但是,有沒有比在文件觀察器的Typescript編譯器bulit任何重要的功能...分享我的想法 – jai

+0

你可以嘗試tsc與[--outDir]( https://github.com/Microsoft/TypeScript/wiki/Compiler-Options)將輸出結構重定向到目錄的參數。 –

+0

使用內置編譯器創建文件觀察器的好處是,它不會在每次更改時啓動新的編譯過程,因此工作更快。 –