以前に尋ねたように、 Have Grunt には開発と運用に異なる Javascript ファイルが含まれ、Grunt はさまざまなセットアップ用に index.html を生成します
開発用にアセットを拡張したい:
<script src="js/lib-1.js"></script>
<script src="js/lib-2.js"></script>
<script src="js/lib-3.js"></script>
...
プロダクションまたはステージングの場合:
<script src="js/all-files-in-one.js"></script>
ただし、インクルード コードを 2 つの場所で同期させたくありません。利用可能な回答のほとんどについて、最初に grunt タスクでファイルのリストを指定してから、html でインクルード コードを再度複製する必要があります。私が見つけることができる最も近い解決策は、 https ://stackoverflow.com/a/21488659/515585 という答えです。ここでは、単調なタスクでファイルの配列を維持するだけで済みます。そして、すべての答えを機能させるには、かなりの量のセットアップが必要です。
さらに優れたソリューションとして、Rails アセット パイプラインのように、(ビルド ファイルを使用する代わりに) コードのコンテキストで他のアセット ファイルを要求するために sprocket 構文を使用することができます。そして、変数を 1 回切り替えるだけでそれらを展開できるので、開発中に個々のファイルをデバッグできました。grunt-sprockets-directivesを見てきましたが、拡張オプションが提供されているようには見えません。たぶんそうですか？
バックエンド フレームワークのアセット パイプラインを使用したくありません。特にうなり声だけでなく、フロント エンドのビルド ツールを求めています。Gulp、Yeoman、またはさらに優れた Broccoli.js の回答も高く評価されています。