# 編寫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文件
