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.jshttps://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文件,成功后再进行 静态自动化部署