gulp打包构建项目要思考的问题

项目构建打包要做哪些事情.png

项目构建打包要做哪些事情
css
加前缀
gulp-autoprefixer
less转css
gulp-less
多文件合并
gulp-concat
压缩
gulp-minify-css，gulp-csso
js
ts转js
gulp-typescript
es6转es5
gulp-babel
多文件合并
gulp-concat
压缩
gulp-uglify
html
注入 js css注入
gulp-inject
压缩
gulp-minify-html
热更新
browser-sync
能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面
启动本地的http服务
http-proxy 跨越代理
缓存问题
gulp-rev
rev() 给文件添加hash
gulp-rev-replace
revReplace()重写已被gulp-rev重命名的文件名。
命令行中提取参数
process.argv 获取输入的参数
资源处理
gulp-useref
进行资源合并useref()
解析构建块在HTML文件来代替引用未经优化的脚本和样式表
其他
gulp-protractor 与测试相关 用户测试 集成测试啥的
gulp-load-plugins
自动加载所有在package.json里配置的gulp插件
gulp-size
测量包的大小
gulp-filter
在虚拟文件流中过滤文件。
gulp-angular-templatecache
将html模板页面 以angularjs的方式 压缩并缓存
https://blog.csdn.net/hbiao68/article/details/52683436
gulp-flatten
常用于把各个子目录下面的所有满足匹配规则的文件（比如所有js文件）取出来放在同级文件夹下面
https://blog.csdn.net/WU5229485/article/details/90442662
推荐一篇插件介绍教程文章
https://segmentfault.com/a/1190000008349859