杯——前端自动化管理工具的使用

  

1,吞咽使用时需要安装2次,全局安装和本地安装(前提是要有nodeJS)

npm  install ——save-dev 杯//全局安装   npm  install ——save-dev 杯//本地安装,跳到本地文件夹下,再安装一次

2,需要在本地建一个gulpFile.js文件

3,在gulpFile。js文件下引入第三方模块

var  gulp =,要求(“吞咽”);//压缩代码模块,需本地安装   var  uglify =,需要(gulp-uglify ");//压缩js   var  cssmin =,需要(gulp-clean-css ");//压缩css   var  html =,需要(gulp-html-minify ");//压缩html   var  p_w_picpathmin =,需要(gulp-p_w_picpathmin ");//压缩p_w_picpath图片//创建任务   gulp.task(“违约”,函数(){   ,,,this.src(”。/公共/js/audio.js”)//被压缩的文件路径   ,,,,,,,,,,.pipe(糟蹋())//pipe 管道   ,,,,,,,,,,.pipe (gulp.dest (dist/公共/js))//dest ,文件的流向,即文件压缩完之后,要放置的位置   })   gulp.task(“违约”,函数(){   ,,,this.src (“。/pnblic/css/song.css”)   ,,,,,,,.pipe (cssmin ())   ,,,,,,,.pipe (gulp.dest (dist/公共/css))   })   gulp.task(“违约”,函数(){   ,,,this.src (“。/html/* . html”)   ,,,,,,,.pipe (html (Some  text 以及标记)())   ,,,,,,,.pipe (gulp.dest (" dist/"))   })   gulp.task(“违约”,函数(){   ,,,this.src (“imgmin”)   ,,,,,,,.pipe (html (Some  text 以及标记)())   ,,,,,,,.pipe (gulp.dest (" dist/公共/p_w_picpath”))   })   gulp.task(“违约”,函数(参数){   ,,,gulp 运行([“糟蹋”,“cssmin”、“html”、“p_w_picpathmin”))   })


杯——前端自动化管理工具的使用