ゴール:
クライアント側のテンプレート開発のための簡単なワークフローを構築しようとしています。
Doc Root:
/views/uncompiled/
/static/js/compiled/
で始めます/views/uncompiled/
/views/uncompiled/index.html
これは、たとえば、私がものを構築できる場所です。
dust.jsテンプレートを作成しているので、dusterjsを使用しているので、ディレクトリ内の変更をリッスンし、コンパイルされた対応物をディレクトリ内/views/uncompiled/
に自動的にレンダリングします。*.js
/static/js/compiled/
したがって、変更が保存/views/uncompiled/index.html
されるたびにレンダリングされます。/static/js/compiled/index.js
問題:
私layout.html
は大きくなっています。*.js
別のテンプレートを追加するたびに、新しいスクリプトを含める必要があります。
<head>
<script src='/static/js/compiled/index.js'></script>
<script src='/static/js/compiled/header.js'></script>
<script src='/static/js/compiled/footer.js'></script>
<script src='/static/js/compiled/baconstrips.js'></script>
...
</head>
解決:
フォルダで別の時計を使用すると、そのフォルダの内容が変更されたときに常に含まれる単一の時計に/static/js/compiled/
自動的に連結されます。*.js
app.js
<head>
<head>
<script src='/static/js/app.js'></script>
</head>
質問:
圧縮も行うUglify.jsのような連結ツールを使用したいと思います。
- 上記のソリューションを自動化するノードパッケージはありますか?
- すでにこれを行っているUglify.jsのネイティブ関数はありますか?