安装nodejs
npm install -g gulp-cli
-g 全局安装
gulp --version
创建文件夹
npm init
npm install --save-dev gulp
touch gulpfile.js
//定义函数
function task1(){
console.log("task1");
return;
}
//向外暴露
exports.task1 = task1;
gulp task1 就可以
//默认暴露
exports.default=task1;
gulp 即可
//引入gulp文件 require 引入结构出三个函数
const {src,dest,pipe} = require("gulp");//定义task
function task1(){
//src设置流的源头
return src("./foo/*.txt") //提前设置好文本文件
//pipe表示管道,里面写函数
//dest 表示流的终点
.pipe(dest("./bar"))
}
//暴露
exports.default = task1;
这样就会 pipe 自动到dest 当前目录下的bar目录里面,复制过去文本流
npm install --save gulp-concat gulp-uglify
uglify 是压缩你的文件
concat 是合并
npm install --save-dev gulp-autoprefixer
压缩 css文件
npm install --save-dev gulp-csso
npm install --save-dev gulp-html-minify
npm install --save-dev gulp-html-replace
npm install --save-dev gulp-base64
npm install --save-dev gulp-less
运行 gulp
加入watch实时监控
只要你更改了 他就会自动更新