最新gulp 集成打包（文件压缩编译及版本号）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/m0_37285193/article/details/83055350

1.原理：(以生产环境为例）

	监听dest下静态文件，自动编译static目录，进而修改JSP包中引入路径（无需清理浏览器缓存，只需刷新页面）。

2.工具及配置

• Linux服务器 安装node、npm及gulp https://blog.csdn.net/m0_37285193/article/details/82744571
• 部分配置文件修改 https://blog.csdn.net/m0_37285193/article/details/81566243
• 配置文件 gulpfile.js https://github.com/StavinLi/prod_gulp

3.编译内容

• css文件 浏览兼容[gulp-autoprefixer]、压缩[gulp-clean-css]、引入图片（小于20KB）转base64 编码[gulp-base64]
• js文件 babel编译[gulp-babel]、压缩[gulp-uglify]、去除console|alert[gulp-strip-debug]
• html文件 压缩[gulp-htmlmin]
• image文件 压缩[gulp-imagemin]
• jsp文件 引入静态版本替换[gulp-rev,gulp-rev-collector]
• 其他 任务顺序[gulp-sequence]、来源地图[gulp-sourcemaps]、[gulp-debug]、[gulp-changed]、[gulp-plumber]

4.命令

• 执行目录 为 服务器配置文件地址
• gulp dev 开启文件编译及监听，退出不再执行
• gulp watch 仅开启文件监听，退出不再执行
• nohup gulp dev & 开启默认后台文件监听器 具体操作步骤点击此处https://blog.csdn.net/m0_37285193/article/details/82744571

5.部署文件注意事项

• 优先部署jsp文件，成功后再进行 静态自动化部署