2013/10/22

preprosでJavaScriptを連結させる

最近preprosを使ってます。
windows版codekitなんて呼ばれてるらしいす。
自分はmacなんですが、無料なんでcodekitじゃなくてこっちを使ってます。
いろいろ便利なツールを世界中の人々が開発してくれていて、とてもありがたや

複数のJavaScriptファイルを連結させて1つのファイルにしたかった。
日本語で紹介してるブログなんかを読むと、「JSの連結・圧縮もできます(やったね!)」みたいなこと書いてるんですが、実際のやり方書いてるとこは見つからんかったです

公式サイト見たらもちろん書いてました。
  1. //jsファイルに↓こう書くと…  
  2. //@prepros-append first.js  
  3. //first.jsの中身がここに書かれる。頭のスラッシュ2つも必要です。  
  4.   
  5. //↓prependもある。↑上のappendよりも先に記述される  
  6. //@prepros-prepend second.js  
指定した箇所に、ファイルの中身が圧縮された状態で追加されるので、他の箇所には普通に処理を書いたりもできます。
  1. $(function(){  
  2.  console.log('uoooooooOOOOOOUU!!!!!!');  
  3.  //@prepros-append second.js  
  4.  console.log('GYAAAAAAAaaaaaaaaa…….');  
  5. })  
codekitのも使えるよ、とのこと。
//@codekit-prepend ***.js
//@codekit-append ***.js


デフォルトではjs/min/にファイルを書き出すようです。 参考:公式サイトJS連結に関するページ