yii2简单使用less代替css示例

添加组件

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

修改配置文件`main.php'

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

在

AppAsset

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

这样就可以用less来写样式了

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

• webpack处理 css\less\sass 样式的方法
• 详解Angular-cli生成组件修改css成less或sass的实例
• Vue项目中引入外部文件的方法（css、js、less）
• Webpack中css-loader和less-loader的使用教程
• VueJS如何引入css或者less文件的一些坑
• 前端构建 Less入门(CSS预处理器)
• Lesson03_01 什么是CSS和CSS的设置方式
• 使用nodeJs来安装less及编译less文件为css文件的方法