利用NodeJs&Less实现Css样式编译的操作步骤：

//
// 导入工具包，及导入[node_modules]文件夹里对应的模块
var gulp = require('gulp'), 
	less = require('gulp-less'),
	concat = require('gulp-concat'),
	uglify = require('gulp-uglify'),
	htmlmin = require('gulp-htmlmin');

// 定义任务(可自定义任务名称)
gulp.task('testless', function(){
	
	gulp.src('dev/css/index.less') // 目标文件
		.pipe(less()) // 执行less任务
		.pipe(gulp.dest('pro/css')); // 目标文件
});

// 定义任务(可自定义任务名称)
gulp.task('testConcat', function(){
	
	gulp.src('dev/js/*.js') // 目标文件
		.pipe(concat('all.js')) // 执行less任务
		.pipe(gulp.dest('pro/js')); // 目标文件
});

// 定义任务(可自定义任务名称)
gulp.task('testUglify', function(){
	
	gulp.src('pro/js/all.js') // 目标文件
		.pipe(uglify()) // 执行less任务
		.pipe(gulp.dest('pro/js-min/')); // 目标文件
});

// 定义任务(可自定义任务名称)
gulp.task('testHtmlMin', function(){
	var opt = {
		removeComments: true,
		collapseWhitespace: true
	};
	gulp.src('*.html') // 目标文件
		.pipe(htmlmin(opt)) // 执行less任务
		.pipe(gulp.dest('')); // 目标文件
});


/*
	创建Less实现Css样式编译的操作步骤：

	1.安装NodeJs的客户端，然后cmd打开运行窗口，检测是否安装成功: 命令 node -v

	2.安装NodeJs的包管理器：npm，默认新版本的客户端直接安装完毕，检测是否安装成功: 命令 npm -v

	3.安装全局的gulp工具(全局的gulp是执行gulp任务)，命令行: npm install gulp -g

	4.新建项目根目录，且在根目录打开命令行窗口，安装项目的gulp(本地的gulp是为了调用gulp插件功能)，命令: npm install gulp --save-dev，
	  检测是否安装成功请查看根目录下是否有node_modules文件夹，及其子文件夹gulp

	5.根目录 新建 README.md(说明文件) 和 package.json(项目包配置文件)

	6.因为需要使用Less压缩css文件，所以需要安装gulp-less插件，命令: npm install gulp-less --save-dev，
	  检测是否安装成功请查看根目录下是否有node_modules文件夹，及其子文件夹gulp-less

	7.根目录新建计划任务的配置文件(pulpfile,js)，格式如上实例。当然，要完成实例，请建立对应的目标文件目录(dev/css/index.less)，
	  压缩的文件目录(pro/css/index.css)会自动生成(前提是要在命令窗口执行任务：gulp testLess)。
*/

转载于:https://my.oschina.net/intval/blog/511234