您现在的位置:首页 >> 前端 >> 内容

前端工具gulp的介绍与使用说明

时间:2018/3/14 13:40:43 点击:

  核心提示:一、gulp的基本能力主要是文件合并gulp-concat、文件压缩gulp-uglify、给文件生成版本号gulp-rev、文件重命名gulp-rename、语法检查gulp-jshint等1、文件...

一、gulp的基本能力

主要是文件合并gulp-concat、文件压缩gulp-uglify、给文件生成版本号gulp-rev、文件重命名gulp-rename、语法检查gulp-jshint等

1、文件合并

争论: 在前端开发中应该把所有的js和css文件写在一个文件里面还是分开各个页面写,建议开发的时候分开写,上线的时候合 并为一个。

好处:对于浏览器而言,不同页面中相同的文件默认会请求一次缓存下来,其他页面请求相同文件时,就直接从缓存中读取,减 少文件的网络请求,提高网页速度。同时还能减少文件数量,减少网络请求的次数,提高用户浏览体验。所以文件合并很 重要。

2、文件压缩

文件压缩的优点:

A、减小文件体积

B、减小网络传输量和带宽占用

C、减小服务器的处理压力

D、提高页面的渲染显示速度

3、语法检查

这个功能一般和“监听文件变化”功能一起使用,当文件修改的时候,检查是否有语法错误,并在命令行中输出错误信息。

4、监听文件变化(修改文件的版本号)

监听某个目录下文件是否修改,修改的话就执行特定的操作。

作者:网络 来源:感恩、奋进、自信