nodejs实现简单的gulp打包(2)

日期：2020-05-11 栏目：程序人生浏览：次

天啊，我本来想一步步来写清楚点的，没想到一下子把版本号相关的也都写进去了，那就算了吧，一起来吧。

下面是gulpfile.js文件：

var haha= require('./gulpfile.prod.js');
haha();

基本工作已经完成一大半了，还有一个忘记说了。如果你用到了es6语法，千万别忘记配置一个.babelrc文件.

.babelrc内容：

  "presets": [
    "es2015",
  ],
  "plugins": [
    "transform-remove-strict-mode"//这个插件就是添加版本号的关键。
  ]
}

有的小伙伴可能会遇到版本号不断叠加的问题，还记得{ replaceReved:true }这个吗，前面有看一下，记得添加这个。还有最后一步node_modules我们要更改一些代码，来吧，我下的最新的包（如果你用的老的，也是差不多的改法），替换下。

gulp-path里的index.js两个return的东西都改掉：

return modifyFilename(pth, (filename, ext) => `${filename}-${hash}${ext}`);改为return modifyFilename(pth, (filename, ext) => `${filename}${ext}`);

return modifyFilename(pth, (filename, ext) => filename.replace(new RegExp(`-${hash}$`), '') + ext);改为return modifyFilename(pth, (filename, ext) => filename + ext);

gulp-rev-collector里的index.js：

大概128行左右

patterns.push( escPathPattern( (path.dirname(key) === '.' ? '' : closeDirBySep(path.dirname(key)) ) )
+ path.basename(key, path.extname(key))
.split('.')
.map(function(part){
return escPathPattern(part) + '(' + opts.revSuffix + ')?';
})
.join('\\.')
+ patternExt
);

这段改为

patterns.push( escPathPattern( (path.dirname(key) === '.' ? '' : closeDirBySep(path.dirname(key)) ) + path.basename(key, path.extname(key)) ) + opts.revSuffix + escPathPattern( path.extname(key) ) + "(\\?v=(\\d|[a-z]){8,10})*" );

这里相关的也是网上查了很多相关的资料，不过好像都是一些老版本，并且gulp-rev里的文件不用修改，这里也经过多次测试，以上基本可用。

好了，离成功不远了，cmd运行下gulp命令，ok，基本完成，可以去查看下啦！

注意：所有require的东西记得npm安装哦，卡的话就cnpm，不多说。

还有由于很多东西都是手打的，可能会有部分拼写呀，文件路径的错误，记得检查更改哦。

本来想详细写一写的，今天就这样吧，开小差到这里结束，小姐姐也要去搬砖啦。有问题可发我，我有时间会回的。有点乱，勿怪。

nodejs实现简单的gulp打包(2)

相关推荐