公司移动端商城使用前后分离方案,前台nginx静态文件,js使用requirejs模式,使用gulp压缩添加版本号时发现问题, 问题1、在公共的js配置中,引用的路径是写死的,缓存会一直存在。 解决方案是添加 urlArgs 构建时用shell脚本替换 'ttversion'为一个随机数 ...
这篇文章讲我整理的一种打包项目的方式,以下是我的依赖清单 这里仅供参考,很多都已经有更新的版本了。如果不想自己下载的,可以npm install我的。 下载完毕后,找到node modules gt gulp assets rev gt index.js 修改为如下代码: gulpfile.js: 先引用: CSS压缩,输出 压缩js文件,输出 HTML压缩,输出 整合 调用: 这篇文章就到这里了 ...
2017-01-10 09:30 0 1694 推荐指数:
公司移动端商城使用前后分离方案,前台nginx静态文件,js使用requirejs模式,使用gulp压缩添加版本号时发现问题, 问题1、在公共的js配置中,引用的路径是写死的,缓存会一直存在。 解决方案是添加 urlArgs 构建时用shell脚本替换 'ttversion'为一个随机数 ...
新版插件修改无效时,可以使用以下版本: 默认效果: 预期效果: 为了将 gulp-rev + gulp-rev-collector 添加版本号后的默认效果修改为预期效果,需作如下修改: 1.打开node_modules\gulp ...
版本号用文件MD5生成 默认根据文件MD5生成,因此文件未发生改变,此版本号将不会变 所以当没有改变文件的时候,我们就不能用gulp来改变版本号了 需要安装的插件 gulpfile.js代码 //引入gulp和gulp插件 var ...
推荐使用gulp-rev + gulp-rev-collector是比较方便的方法,结果如下: 但是由于公司发布系统限制,如果用上面方法实现,每次更新都会积压过多过期无用的文件,我们预期效果是: 怎么破?改上面两个Gulp插件是最高效的方法了。 安装Gulp npm ...
由于cdn缓存,更改样式后会有一段时间不生效,解决方法就是给css,js加上版本号效果如下: 1.安装gulp插件 2.修改gulpfile.js文件 3.修改node_module里相关配置文件 (1)更改gulp-rev文件(node_modules---> ...
要实现的理想效果: "/css/style.css" => "/dist/css/style.css?v=1d87bebe""/js/script1.js" => "/dist/scri ...
版本: CLI version 2.0.1 Local version 4.0.0 环境依赖: npm install gulp -g npm install gulp --save-dev npm ...
参考打包教程: http://www.cnblogs.com/tugenhua0707/p/4069769.html http://www.cnblogs.com/tugenhua0707/p/4982646.html http://www.tuicool.com/articles ...