Štítek Less CSS kompilace ×

Android Apache Ant Chrome CSS Data Databáze Desocializace Download ESRI Facebook Flash GIS Google Google Maps GPS Hardware HTML Internet iOS iPhone Jak na to Javascript jQuery JS mac mapa Maps Mapy Mashup Mobile MySQL Nezařazeno PHP Programování Silverlight Software Studentská tvorba Test Video Všechno možné Webdesign Weblbinky Windows Wordpress Zajímavosti

3. 10. 2011

Kompilovaní Less CSS pomocí Apache ANT

Less CSS patří mezi mé nové oblíbené „novoty“ – jedná se o nadstavbu CSS, která přináší do CSS funkce, konstanty nebo vnořené prvky. Less CSS je možné kompilovat on the fly pomocí javascriptu přímo v prohlížeči, ale mnohem lepší je soubory CSS připravit dopředu.

Pro automatické kompilování Less CSS souborů jsem využil Apache ANT a maven-less-pluginu. Target less.compile navíc kontroluje změnu souboru style.less. Kompilace se tak provede jen pokud se originální soubor less změnil:

<target name="checkLessChanges">
  <uptodate property="lessChange" targetfile="www/css/style.css">
    <srcfiles dir="www/css" includes="style.less"/>
  </uptodate>
</target>

<target name="less.compile" depends="checkLessChanges" unless="lessChange">
  <java jar="build/tools/less-utils.jar" fork="true" failonerror="true" maxmemory="128m">
    <arg line=" www/css/" />
  </java>
</target>

Pokud vám nevyhovuje java less kompilátor můžete využít například PHP Compiler.

#ant-less-css-kompilace, #less-css-kompilace