フォルダーを監視し、単一の出力ファイルを連結、縮小、および生成するという点で、Compass のように動作するビルド ツールを探しています。config を使用してファイルの順序を指定できるようにしたいと考えています。
私は現在、これを完全に行う CodeKit ( http://incident57.com/codekit/ ) を使用しています。しかし、過去に JSON 構成ファイルに問題があったため、どの JavaScript ファイルが含まれていたか、またその順序が失われました。
フォルダーを監視し、単一の出力ファイルを連結、縮小、および生成するという点で、Compass のように動作するビルド ツールを探しています。config を使用してファイルの順序を指定できるようにしたいと考えています。
私は現在、これを完全に行う CodeKit ( http://incident57.com/codekit/ ) を使用しています。しかし、過去に JSON 構成ファイルに問題があったため、どの JavaScript ファイルが含まれていたか、またその順序が失われました。
良い解決策は、require.js をモジュール ローダーと依存関係管理として使用することです。そうすれば、何が含まれているか、最終ビルドにどのような順序で含まれているかを見失うことがありません。監視タスクが必要な場合は、MimosaJS (require.js と uglify を使用) を使用し、適切な構成で「監視」コマンドを使用できます: http://mimosajs.com/optimization.html。
Yeoman が最も簡単だと思います。これは Grunt に基づいて構築されておりyeoman server
、JS ファイルと CSS ファイルの両方のライブ リロードとコンパイルを行うことができます。また、他のこともサポートしています。ライブ視聴とミニファイだけが必要な場合。使用できるファイルの数yeoman watch
。Gruntfile.js をセットアップする必要がありますが、いくつかの良い例があります。
Grunt.js だけを使用することもできます。これには、いくつかの追加タスクをインストールする必要がありますが、これは大きな問題ではありません。
つまり、youman を使用すると、すぐに使用できるいくつかの追加機能を利用できますが、Grunt に基づいて構築されているため、両方をお勧めします。これらはコマンドライン インターフェイスを介して動作しますが、非常に簡単です。彼らのウェブサイトをチェックして試してみてください。無料です!