## 使用gulp编译less成css，并最终压缩css ### 1。安装gulp-less插件 npm install --save-dev gulp-less@4.0.1 //在根目录下执行（下载less编译插件） 4.0.1 ***** ### 2。在gulpfile.js中添加代码 ``` var less = require('gulp-less'); gulp.task('myless',function(){    gulp.src('src/less/index.less')       .pipe(less())    //编译成为css       .pipe(gulp.dest('build/css'))    //输出到指定目录 }); ``` ### 3。到src/index.html中引入输出目录'build/css'下的css文件 ``` <link rel="stylesheet" href="css/index.css"> ``` ### 4。在项目目录下命令行窗口中执行 gulp myless， 打开build目录下的index.html就可以看到样式了。