2015-02-11 112 views
0

我使用coffeeify插件來browserify(直接編譯.coffee文件,正確創建源地圖)來編譯我的模塊化咖啡項目。但是,每次更改後手動編譯似乎令人煩惱。文件更改時編譯瀏覽器

到目前爲止最好的解決方案是使用watchify。不過,我確定,必須有一種方法來設置WebStorm文件觀察器自動觸發編譯。我的問題是,如何正確設置(僅在需要時觸發,...)?

+0

或'grunt'?可能會有適合你的插件。 – 2015-02-11 20:42:12

+0

如果可能的話,也不要只是WebStorm File Watcher。 – user2486570 2015-02-11 20:48:08

回答

2

您可以嘗試將Browserify配置爲WebStorm中的文件觀察器,以便每次更改文件時都會運行它 - 請參閱https://www.jetbrains.com/webstorm/help/new-watcher-dialog.html

像:

Program: path/to/browserify.cmd 
Arguments: -t coffeeify foo.coffee > bundle.js 
Working directory: folder where foo.coffee is located 
Output paths to refresh: path/to/bundle.js 
0

下面是使用Webstorm 2016.2

  • 文件類型,在Windows 10工作的很好我的設置:Coffeescript
  • 範圍:自定義。我只是選擇了我/公共和點擊遞歸包括
  • 計劃:C:\Users\MYUSER\AppData\Roaming\npm\Browserify.cmd
  • 參數:-t coffeeify --debug $FileName$ -o $FileNameWithoutExtension$.js
  • 工作目錄:​​
  • 輸出路徑刷新:你用`gulp` $FileNameWithoutExtension$.js