使用PHP自动将引用的LESS文件编译成CSS

我想要发生以下事情：

>使过程自动化服务器端.
>只需要我的代码中的CSS文件就可以引用LESS文件.
>用户返回最小化的CSS而不是LESS文件 – 缓存,因此编译器不需要运行,除非LESS文件已更新.
>为此可以使用任何在我的域内任何地方引用的LESS文件.

我发现了Lessphp,但文档不是很清楚,也没有解释如何动态获取任何LESS文件.我以为我会发布我如何得到它所有的工作,因为我还没有看到如何通过PHP实现这一点.

本评估LESSPHP v0.3.8不确定早期版本,但如果不直接开箱即可获得如何工作的要点.

< link rel =“stylesheet”type =“text / css”href =“styles / main.less”/>

如果您使用less.js编译客户端,请确保将rel =“stylesheet / less”更改为rel =“stylesheet”

1)Grab Lessphp我将这些文件放在/ www / compilers / lessPHP /中,用于本演示的上下文

2)制作一个PHP脚本,我们可以抛出LESS文件.这将处理缓存,编译为CSS并返回CSS作为响应.我把这个文件放在/ www / compilers /并把它称为lessPHP.PHP

大部分代码都在LessPHP网站上,除了它有错误,我已经添加了响应结束.

<?PHP
require "lessPHP/lessc.inc.PHP";
$file = $_GET["file"];
function autoCompileLess($inputFile,$outputFile) {
    // load the cache
    $cacheFile = $inputFile.".cache";
    if (file_exists($cacheFile)) {
        $cache = unserialize(file_get_contents($cacheFile));
    } else {
        $cache = $inputFile;
    }
    $less = new lessc;
    $less->setFormatter("compressed");
    $newCache = $less->cachedCompile($cache);
    if (!is_array($cache) || $newCache["updated"] > $cache["updated"]) {
        file_put_contents($cacheFile,serialize($newCache));
        file_put_contents($outputFile,$newCache['compiled']);
    }
}
autoCompileLess('../' . $file,'../' . $file . '.css');
header('Content-type: text/css');
readfile('../' . $file . '.css');
?>

这将编译LESS文件(例如,styles / main.less)到缓存文件和CSS文件(例如,styles / main.less.css).

3)添加一个mod_rewrite规则,以便用户请求的任何LESS文件被重定向到我们的编译器,给它的路径.这被放在根.htaccess文件中.

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^([^.]*\.less)$compilers/lessPHP.PHP?file=$1 [R,QSA,L]
</ifModule>

如果您正在使用wordpress,则此规则将需要进行处理 – 即使wordpress位于子目录中,似乎覆盖了这些规则,并且LESS编译不会出现在下面存在的引用文件(目录明确)wordpress的.htaccess规则.

4)您的LESS代码应该相对于编译器位置相对引用.此外,如果存在空属性,则LessPHP编译器将失败,例如.背景颜色： ;

如果一切顺利,应该发生以下情况：

>直接浏览您的LESS文件http://domain.com/styles/main.less>自动重定向到http://domain.com/compilers/lessPHP?file=styles/main.less>呈现最小化的CSS> main.less.css和main.less.cache现在应该存在于与LESS文件相同的目录中>最后修改的日期不应该更改,除非您更新LESS文件

原文链接：https://www.f2er.com/php/133008.html

使用PHP自动将引用的LESS文件编译成CSS

猜你在找的PHP相关文章