前端-自动化工具

前端自动化工具官方文档:
https://www.gulpjs.com.cn/docs/getting-started/quick-start/

gulp到底用来干什么?
编译 sass
合并优化压缩 css
校验压缩 js
优化图片
添加文件指纹(md5)
组件化头部底部(include html)
实时自动刷新…

压缩静态资源
变更静态资源
给静态资源添加 md5
修改预处理样式后自动编译(SASS,Less)
合并雪碧图
自动刷新浏览器

Sass编译
Css Js 图片压缩
Css Js 合并
Css Js 内联
Html的include功能
Autoprefixer
自动刷新
去缓存
Handlebars模板文件的预编译
雪碧图
ESLint
rem移动端适配方案

总之,gulp是前端开发过程中对代码进行自动化构建的利器。它不仅能对资源进行优化,而且在开发过程中能够通过配置自动完成很多重复的任务,让我们可以专注于代码,提高工作效率

gulp使用
https://blog.csdn.net/qq_39327418/article/details/90906179

发布了45 篇原创文章 · 获赞 4 · 访问量 1045

猜你喜欢

转载自blog.csdn.net/weixin_44990056/article/details/104466652