Comment fonctionne le plugin LESS dans Play Framework?

Question

Quand j'ai entendu parler de LESS, j'ai d'abord pensé qu'ils étaient généralement pré-traités dans des fichiers css, donc les navigateurs ne rencontrent que des fichiers CSS, pas des fichiers MOINS. Cependant, en utilisant le plugin LESS pour Play Framework, je viens de voir que mon navigateur Chrome lit et interprète réellement les fichiers LESS. LESS est censé être pris en charge dans tous les principaux navigateurs. Ainsi, les sites Web modernes ne servent-ils que des fichiers MOINS, ou les précompilent-ils en CSS? Comment fonctionne le plugin LESS dans Play Framework? Est-ce qu'il injecte un extrait Javascript qui les interprète côté client?

Que se passe-t-il ici?

Answer 1

Si vous utilisez le Lunatech LESS plugin pour jouer! 1, il semble qu'il compile réellement les fichiers less à la volée en utilisant Asual LESS et le sert ensuite statiquement. Un extrait:

/** 
* Get the CSS for this less file either from the cache, or compile it. 
*/ 
public String get(File lessFile) { 
    String cacheKey = "less_" + lessFile.getPath() + lastModifiedRecursive(lessFile); 
    String css = Cache.get(cacheKey, String.class); 
    if(css == null) { 
     css = compile(lessFile); 
     Cache.set(cacheKey, css); 
    } 
    return css; 
} 

protected String compile(File lessFile) { 
    try { 
     return lessEngine.compile(lessFile); 
    } catch (LessException e) { 
     return handleException(lessFile, e); 
    } 
} 

Où lessEngine est une instance com.asual.lesscss.LessEngine. Comme d'autres l'ont fait remarquer, les manières les plus courantes d'utiliser LESS consistent à les compiler vous-même avant de servir du contenu ou à utiliser le plug-in JavaScript lesscss pour que le client les compile au moment de l'exécution.

Answer 2

MOINS css est "~ compilé" par une bibliothèque javascript (et devrait être fait côté serveur pour une utilisation en production). Vous pouvez lire plus sur leur site: http://lesscss.org/#-client-side-usage

Answer 3

Les deux sont des options. Jouer! 2.0 aura un support intégré pour compiler LESS du côté serveur (et aussi CoffeeScript).