0
点赞
收藏
分享

微信扫一扫

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

以沫的窝 2022-01-31 阅读 99


1.原理:(以生产环境为例)

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

最新gulp 集成打包(文件压缩编译及版本号)_javascript

2.工具及配置


Linux服务器 安装node、npm及gulp部分配置文件修改配置文件 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 & 开启默认后台文件监听器 具体操作步骤点击此处

5.部署文件注意事项
  • 优先部署jsp文件,成功后再进行 静态自动化部署


举报

相关推荐

0 条评论