安装:npm install gulp -g
进入到本地项目目录也需要安装--save-dev
常见目录结构:
配置:
在文件根目录下新建gulpfile.js。
引入gulp和常用组件;
定义gulp任务:
①定义gulp任务名称
②写入资源入口.src()
③执行gulp方法;.pipe(less());
④输出文件.pipe(gulp.dest())
执行gulp 任务;
gulp 任务名称
监听任务:
在命令行中执行命令gulp 任务名称(始终开着,需要结束时结束)
less常用语法:
变量:
对于网站统一的颜色,字号,行高等样式可设置一个变量。
变量用@开头。
混合:
将一些样式封装到一个class中,在需要这些样式的地方,调用。
带参数的混合:
样式值通过函数参数传入(less中的变量需要@标记)
嵌套:(最为常用)
串联选择器,通过&连接