核心提示:一、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、监听文件变化(修改文件的版本号)
监听某个目录下文件是否修改,修改的话就执行特定的操作。