gulp下静态资源的合并、压缩、MD5后缀
2023-09-11 14:14:16 时间
var gulp = require('gulp'); var RevAll = require('gulp-rev-all'); var uglify = require('gulp-uglify'); var filter = require('gulp-filter'); var csso = require('gulp-csso'); var useref = require('gulp-useref'); gulp.task('default', function () { var jsFilter = filter("**/*.js"); var cssFilter = filter("**/*.css"); var htmlFilter = filter('**/*.html'); var assets = useref.assets(); var revAll = new RevAll({ //不重命名文件 dontRenameFile: ['.html'] , //无需关联处理文件 dontGlobal: [ /^\/favicon.ico$/ ,'.bat','.txt'], //该项配置只影响绝对路径的资源 prefix: 'http://s0.static.server.com' }); return gulp.src(['staticPreprocessing/src/**']) //合并html里面的js/css .pipe(htmlFilter) .pipe(assets) .pipe(assets.restore()) .pipe(useref()) .pipe(htmlFilter.restore()) //压缩js .pipe(jsFilter) .pipe(uglify()) .pipe(jsFilter.restore()) //压缩css .pipe(cssFilter) .pipe(csso()) .pipe(cssFilter.restore()) //加MD5后缀 .pipe(revAll.revision()) //输出 .pipe(gulp.dest('staticPreprocessing/dist')) //生成映射json文件 .pipe(revAll.manifestFile()) .pipe(gulp.dest('staticPreprocessing/dist')); }); gulp.task('watch', function () { gulp.watch('staticPreprocessing/src/**', ['default']); });
相关文章
- .NET静态代码织入——肉夹馍(Rougamo) 发布1.4.0
- nginx和gunicorn相关,反向代理和正向代理区别,静态资源和动态资源
- static 静态
- 【原创】分布式之缓存击穿 【原创】自己动手实现静态资源服务器 【原创】自己动手实现JDK动态代理
- 【Bug】拓展方法必须在非泛型静态类中定义
- Ubuntu18.04配置静态IP和动态IP
- 代码静态分析思维体操—扇入、扇出、圈复杂度
- SpringBoot 静态资源导入
- phpstudy配置php7.1.11 + phpstudy nginx伪静态
- c++中为什么父类名可以直接调用自己的非静态函数测试例子!(父类名::非静态函数)
- 构建多页面应用——静态资源的处理
- SpringMVC中css,js,图片等静态资源被拦截的解决办法
- Django 4.x Static 静态文件使用示例和配置方法
- Oc 中的类本身是静态的,全局变量(函数)和重复类定义会存在符号冲突
- 用原生nodejs封装类似于express的路由以及静态资源服务器
- mysql|表row_format的静态与动态,Compact
- 引入koa-static处理静态资源
- 利用多域名存储静态资源进行性能优化:网站的静态资源为什么要使用独立域名
- java中的构造块、静态块等说明
- 静态代码检查工具-PMD刚開始学习的人入门篇
- 静态链表
- java to edi 动态/静态映射
- iOS开发 - undefined symbols for architecture x86_64,大多数都是缺少静态库,缺少静态库分下面几种
- Django之静态文件(十九)
- SpringBoot2.X中的静态资源访问失效
- spring boot 静态资源的映射规则 (3) 欢迎页面映射
- 【Unity笔记】静态碰撞体的陷阱
- C# 加载静态资源 格式为B3DM*
- spring boot 1.视图解析器,2.开启静态资源访问