文件更改时编译 browserify答案

【问题标题】：Compile browserify when files are changed文件更改时编译 browserify
【发布时间】：2016-11-04 15:13:07
【问题描述】：

我正在使用 coffeeify 插件来浏览化（直接从 .coffee 文件编译，正确创建源映射）来编译我的模块化咖啡项目。但是，每次更改后手动编译对我来说似乎很烦人。

目前最好的解决方案是使用 watchify。但是，我敢肯定，必须有一种方法可以设置 WebStorm 文件观察器以自动触发编译。我的问题是，如何正确设置（仅在需要时触发，...）？

【问题讨论】：

您使用的是gulp 还是grunt？可能已经为您编写了正确的插件。
如果可能，也不是，只有 WebStorm 文件观察器。

【解决方案1】：

您可以尝试将 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

【讨论】：

【解决方案2】：

以下是使用 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

【讨论】：