PreprosはWindowsでWeb制作をするときに非常に便利なツールです。
SassやLessのコンパイルや画像の最適化、Chromeのエクステンションと連携してオートリロードなどにも対応していますし、JavaScriptの圧縮・結合にも対応しています。
公式サイトのヘルプにも記載はありますが、JavaScriptの圧縮についてまとめます。
ファイルの先頭に別のjsファイルを結合したい場合
//@prepros-prepend foo1.js
//@prepros-prepend foo2.js
「//」も含めて記述します。
複数のファイルを読み込めますが、上記の記述の場合、foo2.jsが先頭、foo1.jsがその次に記述されます。
複数のファイルを読み込めますが、上記の記述の場合、foo2.jsが先頭、foo1.jsがその次に記述されます。
ファイルの末尾にjsファイルを結合したい場合
//@prepros-append bar.js同様に「//」も含めて記述、こちらも複数のファイルを読み込めます。記述順は記載順のままです。
minifyしたくない場合
ファイル名を「foo.min.js」のように「min.js」を含める。
ライセンス表記を残したい場合にどうぞ。
※ver. 4.0.1での挙動です。
あとPhotoshopでpngを書き出した場合にIE6以下で表示できない(今は気にしなくてもよいとは思いますが、アルファチャンネルが荒れるとかではなく、IEで読み取れないExifが含まれてるっぽい)画像になることがありましたが、Preprosの画像最適化で解消できました。