使用 gulp 编译 LESS

请务必理解如下章节后阅读此章节：

2. 使用 gulp 压缩 JS

var gulp = require('gulp')
// 获取 gulp-less 模块
var less = require('gulp-less')
// 编译less
// 在命令行输入 gulp less 启动此任务
gulp.task('less', function () {
    gulp.src('less/**.less')
    // 2. 编译为css
        .pipe(less())
        .pipe(gulp.dest('dist/css'))
});
// 在命令行使用 gulp auto 启动此任务
gulp.task('auto', function () {
    // 监听文件修改，当文件被修改则执行 less 任务
    gulp.watch('less/**.less', ['less'])
})
// 在命令行使用 gulp 启动 less 任务和 auto 任务

你可以访问 以查看更多用法。

less/a.less

@import "a.less";
.import{
    a{
        color:red;
    }
}

less/import.css

.less a {
  color: pink;
}
.import a{
  color: red;