首页 > PHP教程 > php开发知识文章

php yii2框架使用less代替css

本文主要介绍了php yii2框架使用less代替css的方法,欢迎大家的学习。

Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。

添加less组件

github:https://github.com/Singrana/yii2-less

 php composer.phar require --prefer-dist singrana/yii2-less "*"

或者添加 "singrana/yii2-less": "*" 到项目的composer.json文件

php yii2框架使用less代替css

 

修改yii2配置文件`web.php'

'components' => [
'assetManager' => [
'converter' => [
'class' => \singrana\assets\Converter::className(),
],
],
]

AppAsset中,做如下修改

class AppAsset extends AssetBundle
{
public $basePath = '@webroot';
public $baseUrl = '@web';
//*.less代替*.css并在css目录中使用.less后缀的,并在版本库中忽略.css文件
public $css = ['css/site.less'];
public $js = [];
public $depends = ['yii/web/YiiAsset', 'yii/bootstrap/BootstrapAsset',];
}

这样就能用less来写样式了

以上就是本文php yii2框架使用less代替css的全部内容,希望对大家的学习有所帮助。

关闭
感谢您的支持,我会继续努力!
扫码打赏,建议金额1-10元


提醒:打赏金额将直接进入对方账号,无法退款,请您谨慎操作。