缓存优化

为了每次项目上线,版本迭代时,能及时清除上个版本的缓存,我们在编译打包代码时,给请求加上时间戳。

组件化开发下,shared文件夹 盛放 各个模块公有的脚本、图片等资源。

这里主要谈谈 如何给页面的外部链接加时间戳。

1.shared文件夹新建version.js文件,脚本代码如下:

其中动态脚本,加载的脚本会在下载完成后立即执行,那么意味着多个脚本之间的运行顺序是无法保证的(除了Firefox和Opera),解决这个问题参见https://yq.aliyun.com/ziliao/20643

2.每个模块打包时 往页面动态添加一个我们自定义的配置对象 和 动态脚本version.js

a)webpack打包 

webpack 自定义脚本插件参见https://blog.csdn.net/keliyxyz/article/details/51513114

通过JSDOM在node环境下操作DOM元素,操作完再序列化,传入到callback;

b)  gulp打包

 https://www.npmjs.com/package/gulp-cheerio

 

 

posted @ 2018-05-18 15:03  青春给了义务教育  阅读(123)  评论(0编辑  收藏  举报