Sass PhpStorm：使用watchify.js将所有.SCSS文件缩小为单个.CSS文件？

我正在使用以下npm构建工具的组合开发一个浏览器应用程序

• 粗制滥造
• 咖啡化
• 监视

mypackage.json文件的脚本部分是：

  "scripts": {
    "build": "browserify -t coffeeify init.coffee -o ../www/bundle.js",
    "watch": "watchify -t coffeeify init.coffee -o ../www/bundle.js"
  }

到目前为止，我已经对我的项目进行了配置，以便在开始工作之前，输入“npm run watch”命令，并且每当我更新一个CoffeeScript文件时，所有的CoffeeScript文件都会自动绑定到bundle.js文件中。现在，我还想让几个.SCSS文件自动编译成.CSS文件，然后全部打包并缩小成一个min.CSS文件。而且，理想情况下，我希望在不必输入命令的情况下完成此任务，而只需输入我已经为CS文件输入的命令（“npm run watch”）

以下是我的package.json devdependency：

  "devDependencies": {
    "coffee-script": "^1.10.0",
    "coffeeify": "^2.0.1",
    "browserify": "^12.0.1",
    "watchify": "^3.6.0",
    "node-sass": "^3.4.2",
    "yuicompressor": "^2.4.8"
  }

到目前为止，我已经成功地使用PhpStorm的file watcher和node sass npm模块将.SCSS文件编译成.CSS文件。经过一些阅读，我决定使用yui压缩器（它也是作为节点模块安装的，如上所示）。然而，经过大量的搜索，我找不到一个很好的描述如何做到这一点

我是否应该更新：

"watch": "watchify -t coffeeify init.coffee -o ../www/bundle.js"

我的package.json文件中的行？如果是，怎么做

我希望最终结果是，无论何时更改SCSS文件夹中的文件，都会自动重新编译其他文件夹中的min.css文件

（如果有更好的选择，我不一定坚持使用yui压缩机。）