Gulp插件less的使用

1.创建：gulpfile.js

var gulp = require('gulp'),

    less = require('gulp-less');

gulp.task('default', function () {

    gulp.src('less/index.less')

        .pipe(less())

        .pipe(gulp.dest('dist'));

});

2.创建package.json

npm init

3.安装gulp到项目

npm install --save-dev gulp

4.安装插件到项目：

npm install gulp-less --save-dev

5.准备的less/index.css

@color:#ff0000;

body{color:@color;}

6.目录下运行：

gulp

效果输出：

dist/app.css

body {

  color: #ff0000;

}