如何使用gulp给资源文件加上版本

如何使用gulp给资源文件加上版本,第1张

1 严格一点的做法是用git,SVN这样的工具生成版本。粗糙一点的做法是直接重命名: gulpsrc('app/') pipe(gulpdest('app-v10'))2 比较简单点妥当点的方法是使用gulp-rev和gulp-rev-collector搭配使用,以保证文件间引用的文件名

合并成一个JS文件之后,代码的作用域扩大,难免会造成冲突。找到报错的代码所在位置,找到原JS文件修改下。
举个例子:ajs 中有var foo = 1; bjs 中也有 var foo = 10; 那么合并之后就会有两个 foo 变量, 这样一来在新的js文件中,foo的值就是写在后面的一个,而恰好后面的值会冲突报错。
因此,在合并之前需要确定每个js文件都能正常工作,而且没有函数、变量上的冲突。

gulpwatch用于监听文件变化,以触发任务。通常把gulpwatch自身也写成一个任务。

常规写法类似于 gulpwatch('scss', ['task-sass']); ,也就是任务列表的写法。

命令行输入 gulp watch-scss 即可。

如果想写回调,需要另行写回调函数 watcheron('change', function(event) {}) 。

回调函数会被传入一个名为 event 的对象,这个对象描述了所监控到的变动:

eventtype
类型: String

发生的变动的类型:added, changed 或者 deleted。

eventpath
类型: String

触发了该事件的文件的路径。

回调函数式写法如下,也就是放弃任务列表,直接写回调函数:

总结:

不需要执行任务列表,只想写一个回调的,就用watch()回调函数式写法,想执行任务列表,就用任务列表式写法。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/12704027.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-27
下一篇 2023-05-27

发表评论

登录后才能评论

评论列表(0条)

保存