查看: 1448|回复: 0

[PHP代码] yii2简单使用less代替css示例

发表于 2018-2-5 08:00:01

添加组件php composer.phar require --prefer-dist singrana/yii2-less "*"

修改配置文件`main.php'

  1. 'components' => [
  2. 'assetManager' => [
  3. 'converter' =>
  4. [
  5. 'class' => \singrana\assets\Converter::className(),
  6. ],
  7. ],
  8. ],
复制代码

在AppAsset中

  1. class AppAsset extends AssetBundle
  2. {
  3. public $basePath = '@webroot';
  4. public $baseUrl = '@web';
  5. public $css = [
  6. 'css/site.less', //*.less代替*.css并在css目录中使用.less后缀的,并在版本库中忽略.css文件
  7. ];
  8. public $js = [
  9. ];
  10. public $depends = [
  11. 'yii\web\YiiAsset',
  12. 'yii\bootstrap\BootstrapAsset',
  13. ];
  14. }
复制代码

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

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

您可能感兴趣的文章:

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


回复

使用道具 举报