yii2简单使用less代替css示例

前端  /  管理员 发布于 7年前   235

添加组件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文件的方法