gulp添加版本号解决缓存问题

方案：解决缓存问题,发布前添加版本号

文件夹结构

//gulpfile.js

const gulp = require('gulp');
// 文件清理
const clean = require('gulp-clean');
// 加版本号
const assetRev = require('gulp-asset-rev');

// 给html添加版本号
gulp.task('htmlminTask', function() {
gulp.src('src/*.html') //创建一个流，用于从文件系统读取 Vinyl 对象
.pipe(assetRev()) //管道方法
.pipe(gulp.dest('dist/')) //创建一个用于将 Vinyl 对象写入到文件系统的流
gulp.src('src/index.html')
.pipe(assetRev())
.pipe(gulp.dest('dist/'))
gulp.src(['src/**/*.html']) //** 匹配多个目录及子目录 *匹配0或多个字符
.pipe(assetRev())
.pipe(gulp.dest('dist/'))
})

// 文件复制 复制没有经过处理的文件 不添加此代码 生成得dist仅为打包执行的东西
gulp.task('copyTask', function() {
gulp.src('src/asset/css/**/*')
.pipe(gulp.dest('dist/asset/css/'))
gulp.src('src/asset/js/**/*')
.pipe(gulp.dest('dist/asset/js/'))
gulp.src('src/asset/img/**/*')
.pipe(gulp.dest('dist/asset/img'))
})

// 清理文件
gulp.task('cleanTask', function() {
var stream = gulp.src('dist', { read: false }) // 清理maps文件
.pipe(clean())
return stream
})
// 打包
gulp.task('default', ['cleanTask', 'htmlminTask', 'copyTask']); //gulp执行顺序

//package.json


{
  "name": "gulp2",
  "version": "1.0.0",
  "description": "",
  "main": "gulpfile.js",
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-preset-es2015": "^6.24.1",
    "gulp": "^3.9.1",
    "gulp-asset-rev": "0.0.15",
    "gulp-babel": "^7.0.1",
    "gulp-changed": "^3.1.0",
    "gulp-clean": "^0.3.2",
    "gulp-clean-css": "^3.8.0",
    "gulp-copy": "^1.0.1",
    "gulp-htmlmin": "^3.0.0",
    "gulp-uglify": "^3.0.0"
  },
  "scripts": {
    "test": "echo "Error: no test specified" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

环境配置

https://nodejs.org/en/download/

运行node -v

运行cmd,安装淘宝镜像

npm install cnpm -g --registry=https://registry.npm.taobao.org

新建src,把项目目录拖到src
新建gulpfile.js,内部参数匹配有规则,内部逻辑就用封装好的
下载package.json包里的插件,运行 cmd
npm i或 cnpm i 会看到多了一个node_modules的依赖包
替换代码更改版本号拼接

进入到./node_modules/_gulp-asset-rev@0.0.15@gulp-asset-rev文件夹下的index.js文件

找到第80或81行的
src = src.replace(verStr, '').replace(/(.[^.]+)$/, verStr + "$1");

更改成
src = src += "?v=" + verStr;
运行cmd 输入 gulp

ps:如果提示 primordials is not defined，因为node版本和gulp不兼容，本人采用方法时回退node版本
先卸载之前的node,然后下载版本地址的旧版node
版本地址：https://nodejs.org/download/release/v10.15.3/