在资源文件夹中缓存清除静态文件(图像,pdf,png等)以进行角度应用?

时间:2018-11-12 22:50:17

标签: angular webpack angular-cli browser-cache angular7

我们的应用程序是使用angular-cli(版本:7.0.2)和angular(版本:7.0.0)开发的。 我们只有几个图像文件,pdf保留在资产文件夹中。这些文件会针对每3个月发布一次的每个应用版本进行更改。

  • 为资产文件夹中的所有文件实现缓存清除的最佳方法是什么?
  • 是否有可以添加到客户端应用的通用技术,以便在每次访问时加载资产文件夹中所有文件的最新文件?可以在webpack.config.js(使用angular-cli工具创建项目时生成的文件)中添加任何配置吗?

我通读了此链接中提到的各种技术:Refresh image with a new one at the same url

不确定哪个是最好的解决方案。感谢有关如何实现缓存清除的任何建议/代码段。

1 个答案:

答案 0 :(得分:1)

  

为其中的所有文件实现缓存清除的最佳方法是什么   资产文件夹?

CDN ||服务器缓存

我认为最好的方法是在文件上使用哈希名称,这样可能会更改当前代码。(图像/文件加载路径)

https://webpack.js.org/guides/caching/

  

是否有可以添加到客户端应用中以加载的通用技术   何时访问资产文件夹中所有文件中的最新文件?在那儿   可以在webpack.config.js中添加的任何配置(文件   当使用angular-cli创建项目时生成   工具)?

我认为file-loader对您有帮助。

如果其他人有更好的解决方案,我也对此问题感兴趣。