java web uygulaması için anında LESS derleyici?

Question

Geliştirme sırasında CSS LESS dosyalarını sunucu tarafında talep üzerine derlemek için bir yol arıyorum. Örneğin, tarayıcı /assets/css/foo.css için bir istekte bulunursa, sunucunun bir /assets/css/foo.less dosyası olduğunu fark etmesini ve daha sonra bu dosyanın uygunluğunu ve sonuçta elde edilen css'yi döndürmesini istiyorum. Bunu yapabilecek bir yerde bir LESS servlet olması gerektiğini tahmin ediyorum?

Ben

Nasıl bir Java Web Uygulaması sinek AZ derleme yapmak için yapılandırabilirim Bahar MVC uygulaması ile tomcat 7 çalıştırıyorum?

Answer 1

Aradığınız şeyin bir Servlet Filter olduğunu düşünüyorum. I bir LES derleme ve bir lesscss-java kullanarak yapmaya başlayacak bir raf kapalı farkında değildi, ancak şimdi LESS support sunucu tarafı ile Web Resource Optimizer for Java - wro4j adlı daha büyük bir proje olduğunu görebilirsiniz.

Answer 2

Webapp'ınızın oluşturulması sırasında daha az dosyalarınızı önce css dosyalarına derlemek için (ve daha etkili) olurdu (ve daha etkilidir). Bir örnek olarak,
Maven'inyararlanarak, lesscss-maven-plugin az dosyalarından CSS dosyaları oluşturmak için ( hedefi, işlem kaynakları faz derleme) kullanın. Sonra sadece css dosyaları web sunucusunda kullanılır ve paketlenir. daha az dosya dinamik olarak kullanılır.
Başka bir avantaj, webapp dağıtılmadan önce daha az dosyanın derlenmesidir, bu nedenle derleme hataları daha önce algılanır. pom.xml'Bu

Yapılandırma örneği: Sadece geliştirme ve üretim: Yapmamız olan

<plugin> 
    <groupId>org.lesscss</groupId> 
    <artifactId>lesscss-maven-plugin</artifactId> 
    <version>1.3.0</version> 
    <configuration> 
     <sourceDirectory>${project.basedir}/src/main/webapp/less</sourceDirectory> 
     <outputDirectory>${project.build.directory}/${project.build.finalName}/css</outputDirectory> 
     <compress>true</compress> 
     <includes> 
      <include>main.less</include> 
     </includes> 
    </configuration> 
    <executions> 
     <execution> 
      <goals> 
       <goal>compile</goal> 
      </goals> 
     </execution> 
    </executions> 
</plugin> 

Answer 3

iki modu vardır. https://github.com/marceloverdijk/lesscss-maven-plugin

<link type="text/css" rel="stylesheet" href="${staticContext}/css/style.css" />