less编译模块插件---------------------------------------------
4-1. 查找模块 gulp-less
4-2. 安装less编译模块
npm install gulp-less
4-3. 引入less编译模块
var less=require("gulp-less");
4-4. 配置任务
gulp.task("default",function() {
//less编译任务的代码
gulp.src('./src/less/index.less') //less源文件
.pipe(less({
paths: [ path.join(__dirname, 'less', 'includes') ]
})) //执行less方法编译less和路径的拼接
.pipe(gulp.dest('./dist/css')); //css样式的输出路径
});
4-5. 执行任务
gulp default
网友评论