我是一名前端开发者,最近考虑使用SASS或LESS进行CSS开发。
然而,我不使用Ruby,并且不希望依赖用户启用JavaScript。有没有人有关于在PHP项目中使用SASS或LESS的技巧?
我是一名前端开发者,最近考虑使用SASS或LESS进行CSS开发。
然而,我不使用Ruby,并且不希望依赖用户启用JavaScript。有没有人有关于在PHP项目中使用SASS或LESS的技巧?
在这里下载最新版本的lessphp。
以下是我尝试使用它的示例:
<?php
require 'lessc.inc.php';
$less = new lessc('test.less');
file_put_contents('test.less.css', $less->parse());
?>
<html>
<head>
<title>Less CSS</title>
<link rel="stylesheet" href="test.less.css" type="text/css" />
</head>
<body>
<h1>This isn't supposed to be black!</h1>
</body>
</html>
我的 test.less 文件:
@color : #33ddff;
.colorful(@textcolor : red){
color : @textcolor;
}
h1{
.colorful(@color);
}
这对我很有效,而且它是php!
现在我为您编写了两种选项:
它们都有很好的文档说明。我鼓励您尝试并告诉我是否遇到任何问题。
安装 Ruby。安装 SASS。使用 SASS。
SASS 会输出静态文件,所以您只需像处理其他 CSS 一样,在构建/发布过程中上传它们即可。
wp_register_style
、wp_enqueue_style
或者add_editor_style
中指定一个.less
文件,它就会为你编译LESS代码生成CSS代码。它还会缓存生成的CSS,这样你就不必每次加载页面时都进行LESS编译了。看一下这个教程: http://net.tutsplus.com/tutorials/php/how-to-squeeze-the-most-out-of-less/
(在谷歌搜索“less php”时的第四个条目)
PhamlP
是将 Haml
和 Sass
移植到 PHP
的一个版本。您可以让sass解析器每次页面加载时运行,或者您可以让它缓存所生成的 css
。如果您想了解更多选项,请参考这里提出的同样问题。。<link rel="stylesheet" type="text/css" media="all" href="css/engine/css.php?file=bootstrap.less" />
引擎可以通过配置文件进行配置,您需要在其中定义您的less文件和缓存文件的路径。
通过定义“css.php?file = bootstrap.less”,您将引擎指向bootstrap文件,并导入其他less文件,例如Twitter Bootstrap等。
我正在将其用于Magento、TYPO3 CMS等多个平台。
在第一行中,我包含了Twitter Bootstrap的必要部分 - 之后我包含了自己的主题和覆盖。
我在几个项目中使用http://leafo.net/scssphp/。它对我很有效,以下是我的做法。
将scssphp安装到lib/scssphp/中
在.htaccess文件中:
#Sass Parser: anything /css/FILENAME.css -> FILENAME.scss
RewriteRule ^css/(.*).css?$ style.php/$1.scss [NC,L]
<?php
require "lib/scssphp/scss.inc.php";
$scss = new scssc();
$scss->setFormatter("scss_formatter");
$server = new scss_server("ui", null, $scss);
$server->serve();
?>
。
<link rel="stylesheet" href="/css/style.css">