更改文件时编译browserify

时间:2015-02-11 18:31:54

标签: coffeescript webstorm browserify

我使用coffeeify插件进行浏览(直接从.coffee文件编译,正确创建源图)来编译我的模块化咖啡项目。但是,每次更改后手动编译对我来说都很烦人。

到目前为止,最好的解决方案是使用watchify。但是,我确信,必须有一种方法来设置WebStorm文件监视器以自动触发编译。我的问题是,如何正确设置(仅在需要时触发,......)?

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

以下是使用Webstorm 2016.2在Windows 10上运行良好的设置

  • 文件类型:Coffeescript
  • 范围:自定义。我刚刚选择了我的/ public并点击了递归
  • 计划:C:\Users\MYUSER\AppData\Roaming\npm\Browserify.cmd
  • 参数:-t coffeeify --debug $FileName$ -o $FileNameWithoutExtension$.js
  • 工作目录:$FileDir$
  • 要刷新的输出路径:$FileNameWithoutExtension$.js