javascript - 複数のフォルダー内の coffeescript とベンダーの javascript ファイルを特定の順序で監視およびコンパイルし、sass および html テンプレートも整理する

Question

次のようなディレクトリ構造があります。

+ src
  |
  | - modules
  |   |
  |   | - auth
  |   |   |
  |   |   | - auth.coffee
  |   |   | - auth.sass
  |   |   | - login.html
  |   |   | - logout.html
  |   |
  |   | - navigation
  |   |   |
  |   |   | - navigation.coffee
  |   |   | - navigation.sass
  |   |   | - navbar.html
  |   |  
  | - scripts
  |   |
  |   | - vendor
  |   |   |
  |   |   | - underscore.js
  |   |   | - angular.js
  |   |
  |   | - app.coffee
  |   | - router.coffee
  |
  | - styles
  |   |
  |   | - config.sass
  |   | - style.sass

したい：

1. .coffee、.sassおよびファイルをすべて監視し.html、ファイルが変更されたときに手順 2 と 3 を実行します。

2. .coffeeおよびファイルをコンパイルし.sassます。

   両方について、依存関係 (または特定の順序) を指定する必要があります。

   • コーヒースクリプト
     • コンパイルscripts/vendor/underscore.js
     • それからscripts/vendor/angular.js
     • それからscripts/*.js
     • それからmodules/**/*.js
   • SASS
     • コンパイルstyles/config.sass
     • それからstyles/style.sass
     • それからmodules/**/*.sass

3. .js、.cssおよびファイルをすべて収集し.html、パブリック フォルダー用に整理します。

これは望ましい出力です

+ public
  |
  | - partials
  |   |
  |   | - auth
  |   |   |
  |   |   | - login.html
  |   |   | - logout.html
  |   |
  |   | - navigation
  |   |   |
  |   |   | - navbar.html
  |   |  
  | - scripts
  |   |
  |   | - app.js
  |
  | - styles
  |   |
  |   | - app.css

多くのツールを試しましたが、望ましい結果が得られませんでした。たとえば、Coffeescript のFlourでは、コンパイル メソッドのワイルドカードに問題がありました。

最高のものは、私のためにすべてを行う Cakefile だと思います。どうすればこれを達成できますか?