2

ゴール:

クライアント側のテンプレート開発のための簡単なワークフローを構築しようとしています。

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/自動的に連結されます。*.jsapp.js<head>

<head>
    <script src='/static/js/app.js'></script>
</head>

質問:

圧縮も行うUglify.jsのような連結ツールを使用したいと思います。

4

1 に答える 1

3

grunt.jsを使用します。提供されたさまざまなモジュールを介してファイルを監視/集中/縮小する機能があります。少し慣れるのに時間がかかりますが(私はまだ自分自身です)、最終的には、希望どおりに機能するカスタムビルドプロセスが作成されます。これは非常に貴重です。

于 2013-03-22T20:50:06.613 に答える