基于node平台开发的前端构建工具
将机械化操作编写成任务,想要执行机械化操作执行一个命令行命令任务就能被自动执行了
用机器代替手工,提高开发效率
Gulp能做什么呢
1、项目上线,HTML,CSS、JS文件压缩合并
2、语法转换(es6, less..)
3、公共文件抽离
4、修改文件浏览器自动刷新
Gulp使用
1、使用npm install gulp 下载gulp库文件
2、在项目根目录下简历gulpfile.js文件
3、重构项目的文件夹结构src目录放置码代码文件dist目录放置构建后文件
4、在gulpfile.js文件中编写任务
5、在命令行工具中执行gulp任务
Gulp中提供的方法
1、gulp.src; 获取任务要处理的文件
2、gulp.dest(); 输出文件
3、gulp.task(); 建立gulp任务
4、gulp.watch();监控文件的变化
Gulp插件
1、gulp-htmlmin: html文件压缩
2、gulp-csso:压缩css
3、gulp-babel:JavaScript 语法转换
4、gulp-less:less语法转换
5、gulp-uglify: 压缩混淆JavaScript
6、gulp-file-include: 公共文件包含
7、browersync: 浏览器实时同步