CoffeeScript/Cakeでテンプレートを結合して小さくします

Question

私はsrc/templates/ディレクトリに口ひげテンプレートがいっぱいです。どのようにしてそれらのコンテンツを結合したり縮小したりして、CoffeeScriptアプリケーションで使用できるようになりましたか？

CoffeeScript srcをjsに結合して縮小する方法については、すでにhttps://github.com/jashkenas/coffee-script/wiki/%5BHowTo%5D-Compiling-and-Setting-Up-Build-Toolsの指示に従っています。

Answer 1

まず、テンプレートがグローバルオブジェクトにエクスポートされていると仮定します（たとえば、それぞれuserpane =ではなくwindow.userpane =）。それが最も重要なことです。あなたがそれをしていて、連結してコンパイルしているのであれば、各連結の後に自動的に縮小を行うことだけです。

短い回答：これについてはまだ良いツールはありません。あなたの最良のオプションは、次のような行を使用して、既存のCakefileを拡張することである

fs.watchFile 'concatenated.js', -> 
    exec 'uglifyjs concatenated.js' 

（npm install uglify-jsを実行し、UglifyJSをインストールするには。）今

、これはあなたのスクリプトが連結されていることを確実にすることの問題を解決することはできません賢明な順序で。 （たとえば、ファイルAにwindow.templates = {}、ファイルBにがある場合は、ファイルBより前にファイルAを連結することが非常に重要です。そのためには、Sprocketsを目にしておく必要があります。各JSファイルの依存関係を調べ、それらの依存関係を尊重した順序で結合します。 Sprocketsの創始者、Sam StephensonはCoffeeScriptコミュニティの積極的なメンバーであり、SprocketsのCoffeeScriptのファーストクラスのサポートはSprockets 2（repo here）に入っています。

更新：ここtemplateディレクトリ内のすべての実際の読み取りと連接を行うにはケーキのタスクです：

templateJs = '' 
files = fs.readdirSync 'template' 
for file in files 
    contents = fs.readFileSync file, 'utf8' 
    name = file.replace /\..*/, '' # remove extension 
    templateJs += "window.#{name} = '#{contents}';" 

その後templateJsであなたの連結JSを付加。これは、テンプレートに一重引用符（'）がないことを前提としています。バックスラッシュを前に置くか、一貫して二重引用符を使用します。