LESSプラグインはどのようにPlay Frameworkで動作しますか？

Question

私はLESSについて聞いたとき、もともとはCSSファイルに事前処理されていると思っていたので、ブラウザはLESSファイルではなくCSSファイルに遭遇しました。

しかし、Play FrameworkのLESSプラグインを使用して、私のChromeブラウザが実際にはlessファイルを読み込んで解釈することがわかりました。 LESSはすべての主要なブラウザでサポートされていると主張しています。現代のウェブサイトは、あまりレッスンしていないファイルを提供するのでしょうか、それともCSSにあらかじめコンパイルするのでしょうか？ LESSプラグインはどのようにPlay Frameworkで動作しますか？クライアントサイドを解釈するJavascriptスニペットを挿入しますか？

ここで実際に何が起こっていますか？

Answer 1

再生のためにLunatech LESS pluginを使用している場合は、 1の場合、lessファイルを実際にAsual LESSを使用してオンザフライでコンパイルして静的に処理しているようです。抜粋：

/** 
* 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); 
    } 
} 

lessEngineがcom.asual.lesscss.LessEngineインスタンスです。

他の人も指摘したように、LESSを使用する一般的な方法は、コンテンツを提供する前に自分でコンパイルするか、クライアントが実行時にコンパイルするようにJavaScriptプラグインを使用することです。

Answer 2

less cssはjavascriptライブラリで "〜コンパイルされています"（プロダクション用にサーバー側で実行する必要があります）。 あなたのサイトでもっと読むことができます： http://lesscss.org/#-client-side-usage

Answer 3

どちらもオプションです。遊びます！ 2.0には、サーバー側でLESSをコンパイルするための組み込みサポート（およびCoffeeScript）も組み込まれています。