首页 > 代码库 > gulp

gulp

npm install -g gulp // 全局安装gulp 是为了执行 gulp 任务
npm install gulp --save-dev // 本地安装gulp 是为了调用 gulp 插件 -

// -save:将保存配置信息至package.json -dev:保存至package.json的devDependencies节点,
// 不指定-dev将保存至 dependencies 节点;一般保存在dependencies的像这些express/ejs/body-parser等等
// 保存到 package.json 其他人 npm install 则会下载所需要的包; npm install --production只下载dependencies节点的包

npm init 输入name等信息,生产 package.json文件,该文件也可以手动生成。
entry point 输入主文件名 gulpfile.js


1.把less 编译成css
npm install gulp-less --save-dev

2. 新建 gulpfile.js 文件
var gulp = require(‘gulp‘),
less = require(‘gulp-less‘); // 引入 gulp-less

// 定义任务名称
gulp.task(‘testLess‘,function(){
gulp.src(‘src/less/index.less‘) // 指定less 文件
.pipe(less())
.pipe(gulp.desc(‘src/css‘)); // 在src/css下 生成 css 文件
});

gulp.task(‘default‘,[‘testLess‘],[‘otherTask‘]); // 把上面的任务都添加到这里,批量执行。

命令行:gulp 或 gulp default 则执行任务

gulp