gulp各种实用插件整理

各种插件按需求自己选择,各自功能如下:

1.babel-core babel-preset-es2015 gulp-babel 用于解析es6转换为es5

2.browser-sync 服务器同步浏览

3.gulp-autoprefixer 根据设置浏览器版本自动处理浏览器前缀

4.gulp-cache 图片快取,只有更改过得图片会进行压缩

5.gulp-clean 清空文件夹

6.gulp-cssnano 压缩CSS代码

7.gulp-htmlmin 压缩html

8.gulp-imagemin 图片压缩

9.gulp-load-plugins 自动加载(超级有用 省去一大堆代码)

10.gulp-plumber 管道工 不会让错误爆出来 继续执行

11.gulp-sass 预编译Sass

12.gulp-size 统计管道里面内容的大小的,上面是用它来显示出压缩前后的大小用来对比用

13.gulp-sourcemaps 当压缩的JS出错,能根据这个找到未压缩代码的位置 不会一片混乱代码

14.gulp-uglify JS压缩

15.gulp-useref 将html引用顺序的CSS JS 变成一个文件

例如: <script src="1.js"></script><script src="2.js"></script> 最后变成<script src="main.js"></script>

16.gulp-rev-append html引用添加版本号

17.main-bower-files 找到bower.json里配置的 overrides 下配置的main下的路径

18.wiredep 在.html文件会把默认bower.json的配置自动注入到下面标签中去

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • awesome-gulp中文版 一份gulp的资源,插件和使用实例清单, 致力于打造更好的前端工程构建流程。 被老...
    Pines_Cheng阅读 5,662评论 10 117
  • 编译 gulp-sass - 通过 libsass将Sass编译成 CSS gulp-ruby-sass - 通过...
    神秘者007阅读 4,768评论 0 13
  • Pines Cheng’s Blog awesome-gulp中文版 一份gulp的资源,插件和使用实例清单, 致...
    大前端之路阅读 2,376评论 0 12
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,689评论 1 32
  • 有过程,没结局。 时而尝试用零碎的记忆拼凑起过往不堪的过去,但也只是一闪而过,风里雨里来来回回慌慌张张匆匆忙忙...
    姜子牙的姜_阅读 469评论 0 5

友情链接更多精彩内容