【问题标题】:Cache busting static files(images, pdf's, png etc.) in assets folder for angular application?在资产文件夹中为角度应用程序缓存破坏静态文件(图像、pdf、png 等)?
【发布时间】:2019-04-15 17:01:36
【问题描述】:

我们的应用程序是使用 angular-cli(版本:7.0.2)和 angular(版本:7.0.0)开发的。 我们的图片文件很少,pdf 保存在 assets 文件夹中。这些文件会针对每 3 个月发布的应用程序的每个版本进行更改。

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

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

不确定哪个是最佳解决方案。任何关于如何实现缓存清除的建议/代码 sn-ps 表示赞赏。

【问题讨论】:

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


    【解决方案1】:

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

    CDN ||服务器缓存

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

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

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

    我认为file-loader 会帮助你。

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

    【讨论】:

    • 您有使用文件加载器的工作示例吗?因为图像文件没有在生产模式下加载..
    • 我最终在 web.config link987654323@ 中配置了文件
    猜你喜欢
    • 2018-07-13
    • 2018-12-27
    • 1970-01-01
    • 2021-01-02
    • 2021-09-28
    • 2017-01-01
    • 2015-06-26
    • 2020-07-09
    • 2019-01-03
    相关资源
    最近更新 更多