gulp-rev-collector每次替换的都是上一个版本

于 2019-07-21 03:17:47 发布 162 收藏
分类专栏： gulp 文章标签： gulp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44050791/article/details/96665643
版权

gulp-rev-collector每次替换的都是上一个版本



　　 使用gulp-rev 和 gulp-rev-collector 作为项目缓存解决方案时，发现每次替换的都是上一次的版本。一开始以为是gulp异步的问题，使用了在package.json文件中设置 “build:prod”: “gulp prod && gulp prod” 的解决方案。虽然成功解决了问题。但是跑2次总是不太好。 后来参考了 https://segmentfault.com/q/1010000004868290 这篇文章。将以cb()直接 结束换成了 return 返回流结束。
具体代码可以查看： https://github.com/zds-jack/gulp-small-scaffolding

什么香香脆脆我们最爱
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
gulp插件中需要替换的几个文件
07-31
gulp-rev;gulp-rev-collectord等
gulp踩的坑之：gulp路径替换 revCollector默认只首次替换成功
u010869754的专栏
08-11 8861
//替换html引用文件里面文件名字，第一次写时成功生成了对应版本号manifest.json文件，并成功替换了.html文件里面文件名 gulp.task('rev', function() {     gulp.src(['./rev/*.json', './dist/index.html'])            .pipe(revCollector())         .p
gulp-rev 和 rev-collector 控制版本总是上一个旧版本的bug原因
前端工程师--则丸
11-29 662
原因是执行顺序的问题 // css处理 gulp.task('css',function() { return gulp.src(css_path) .pipe(stylus(config.stylus)) .pipe(autoprefixer(config.autofx)) .pipe(csso()) .pipe(re...
gulp-rev-collector文件替换爬坑之路
xdongll的专栏
07-12 3537
1.json文件 {“SecurityPlatform.jpg”: “SecurityPlatform-330213dab9.jpg”, “activitie1.jpg”: “activitie1-71f076339e.jpg”, “activitie2.jpg”: “activitie2-10e484b5dc.jpg”, “activitie3.jpg”: “activitie
gulp-rev-collector自定义修改rev-manifest.json后替换不成功的问题分析
angou6476的博客
12-21 226
由于项目需要，我要把common.js替换成build.min.js，接着后面才用到build.min.js=>build-te234ds.min.js这样的形式替换，但是我发现怎么替换都不能把common.js替换掉，经过分析发现： 只有名字符合标准才能替换成功，不是手动修改这个文件到时修改不成功，比如common.js=>common-tes234.js这样的形式才能成...
gulp常用插件之gulp-rev-collector(给资源文件加时间戳)
热门推荐
hayleyxia的专栏
07-20 2万+
https://www.npmjs.com/package/gulp-rev-collector 这个插件就是从manifests中获取静态资源版本数据, 该数据由不同的流产生, 并且替换html中的链接.安装: $ npm install --save gulp-rev-collector使用: 我们可以使用gulp-rev来产生一些无法使用cache的静态资源, 并且为它们生成manife
gulp回退到旧版本
qq_37842975的博客
08-22 3510
npm install gulp@3 -g
gulp插件解决模板和静态资源编译后相对路径定位的问题
08-10
gulp插件——解决模板和静态资源编译后相对路径定位的问题，目前可支持对html、css和js的解析
使用gulp实现静态资源版本号替换
wangjun5159的专栏
07-14 6803
静态版本号替换的由来项目中js、css文件与页面分离，如<script type='text/javascript' src="a.js"></script>遇到了浏览器缓存问题，修改了a.js后，浏览器使用的是以前缓存的a.js导致功能或者样式不能与页面匹配，只能手动添加版本号，如<script type='text/javascript' src="a.js?2017080121231"></s
gulp-rev-delete-original：删除由gulp-rev重写的原始文件
02-04
gulp-rev-删除-原始 删除由或重写的原始文件。 安装 npm install --save-dev gulp-rev-delete-original 用法 var gulp = require ( 'gulp' ) ; var rev = require ( 'gulp-rev' ) ; var revcss = require ( 'gulp-...
gulp-rev-dist-clean:清除由 gulp-rev 创建的临时文件的 Gulp 包
07-24
gulp-rev-dist-clean gulp-rev-dist-clean是一个 gulp 包，用于简化由插件创建的临时和遗留文件的清理。这个怎么运作该插件解析 gulp 创建的rev-manifest.json文件并将其与您的目录树进行比较，删除您不想保留的临时...
gulp-rev-versions-bundle：允许symfony获取使用gulp-rev版本化的资产版本的捆绑软件
02-03
该捆绑包通过使Twig函数asset返回映射在gulp-rev清单中的文件，来帮助您在symfony项目中使用带有gulp-rev版本的asset 。 推荐使用此包已被弃用并于11月2019年将被放弃，当symfony的2.8支持完成自3.3版本，symfony...
node_modules\gulp-rev-collector\index.js
08-03
gulp 版本号修改里面的第三步
gulp-rev-rewrite:重写对由`gulp-rev`修订的资产的引用
05-22
gulp-rev-rewrite 重写对gulp-rev修订的资产的引用该插件是的改进和维护的分支。安装 npm install gulp-rev-rewrite --save-dev仅支持的Node。用法 const { src , dest } = require ( 'gulp' ) ;const rev = require...
gulp-rev-rails-manifest:编写与Rails资产帮助程序兼容的gulp-rev manifest.json
05-20
$ npm install --save-dev gulp-rev-rails-manifest 用法 var gulp = require ( 'gulp' ) ; var rev = require ( 'gulp-rev' ) ; var manifest = require ( 'gulp-rev-rails-manifest' ) ; gulp . task ( 'default'...
gulp为项目文件添加版本号
YinghaoGuo的博客
08-02 3572
先说一下本文讲的是什么。 你一定看过这种带参的css或js文件，每次发布版本，专业一点的话，都会对新版文件打个tag，而我们为了和上一版本的文件做区分，就可以通过这种‘？+参数’ 的方式做版本标记。 初学这东西也是百度了几个文档，照着文档来搞，MD百度上文档都一个熊样儿，大家互相抄袭，所以我没有成功，可能是我用的cnpm而是不npm，也可能是版本原因吧，最后通过简单查看了一下npm的包中的
使用gulp进行自动在js文件后加版本号,使在更新的时候不必手动清理缓存
放开那个桃子的博客
11-29 4694
原理如果不是第一次访问这个网页,浏览器会留下js或css的缓存,这对开发人员发布新版本系统的时候会起到不利影响, 总会叫用户去清理缓存.解决方案是在js或css文件后面加版本号,如:<script src="src/components/$module.js?v=1.0.0"></script>当浏览器缓存中的文件问号后面的值和发布新系统的值不一样的话, 浏览器会认为他是该文件的某个版本,就会重新加
gulp-rev + gulp-rev-collector解决前端缓存
weixin_34274029的博客
02-05 71
1. 打开node_modules\gulp-rev\index.js 第133行 manifest[originalFile] = revisionedFile; 修改为: manifest[originalFile] = originalFile + '?v=' + file.revHash; 2.打开node_modules\rev-path\index.js 第1...
gulp-sass插件怎么使用？
最新发布
02-12
Gulp-sass 插件是用于将 Sass 样式表编译为 CSS 的插件。使用该插件需要先安装 Node.js 和 npm，然后使用 npm 安装 gulp 和 gulp-sass 插件。 下面是使用 gulp-sass 插件的一个简单示例： 1. 在项目目录中执行以下命令以安装 gulp 和 gulp-sass 插件： ``` npm install gulp gulp-sass ``` 2. 创建一个名为 gulpfile.js 的文件，并在该文件中添加以下代码： ```javascript const gulp = require('gulp'); const sass = require('gulp-sass'); gulp.task('sass', function () { return gulp.src('./sass/**/*.scss') .pipe(sass().on('error', sass.logError)) .pipe(gulp.dest('./css')); }); gulp.task('watch', function () { gulp.watch('./sass/**/*.scss', gulp.series('sass')); }); gulp.task('default', gulp.series('sass', 'watch')); ``` 3. 在项目目录中执行以下命令以运行 gulp： ``` gulp ``` 这将自动监视并编译 sass 文件夹中的所有 Sass 文件，并将生成的 CSS 文件保存到 css 文件夹中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

什么香香脆脆我们最爱

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值