# 编写less任务
```
npm install --save-dev gulp-less@4.0.1 //在根目录下执行(下载less编译插件) 4.0.1
npm install --save-dev gulp-cssmin@0.2.0 //在根目录下执行(下载css压缩插件) 0.2.0
```
```
1.把 src/style 下的less文件编译成css文件后再打包到build 和 dist( 添加压缩功能 ) 目录下
2.例如: gulp.src( 'src/style/index.less' )
```
```
引入
var less = require('gulp-less');
var cssmin = require('gulp-cssmin');
```
把less文件编译成css文件并进行压缩
```
/**
* 2.注册了一个less的任务
* */
gulp.task('less', function() {
/**
* 意思是读取src/style下所有的.less文件
* ** : 代表是src下的任意目录, 0个或者多个
* */
gulp.src('src/style/**/*.less') /*读取.less文件*/
.pipe( less() ) /*将读取的 less文件 转成 css 文件 */
.pipe( gulp.dest('build/css')) /*将读取的css文件写到build目录(没有会自动新建)*/
.pipe( cssmin() ) /*将读取的 css文件 压缩 */
.pipe( gulp.dest('dist/css')) /*再将读取压缩过的css文件写到dist目录(没有会自动新建)*/
});
```
运行less任务
注意引入css文件