gulp-less

less 是 css 预编译处理器, 可以像书写 javascript 一样编写 css

Install

npm install gulp gulp-less --save-dev

Basic Usage 基本用法

在项目跟目录创建 gulpfile.js 粘贴以下代码

var gulp = require('gulp');
var less = require('gulp-less');

//添加 less 任务
gulp.task('less', function () {
  //gulp-less 使用 gulp.src 来加载文件模块
  return gulp.src('./less/**/*.less')
    .pipe(less())
    .pipe(gulp.dest('./css'));
});
//监听 scss 文件
gulp.task('watch', function () {
  gulp.watch('./less/**/*.less', ['less']);
});