在角度5中缓存静态资产的清除

时间:2018-10-18 07:42:03

标签: caching angular5 lazy-loading

几天来一直在解决这个问题。

我有一个angular 5应用程序,我正在使用一些js文件,这些文件存在于我的angular应用程序项目目录的src / assets / js / *。js中。由于获得了良好的性能,我正在使用惰性加载技术来加载这些js文件。 我在app文件夹中有一个script.service.ts文件,用于加载js文件,我向该服务提供js文件的名称以使其加载。我也有一个script.store.ts文件,其中有js文件名与路径的映射。 Script.service.ts使用此路径来加载具有上述名称的js文件。

问题-现在,每当我更改js文件中的某些内容并部署应用程序时,由于文件已被缓存,因此更改不会反映在浏览器中。我已经使用gulp插件通过任务运行程序将哈希内容添加到这些文件名中,但是我无法每次都更改script.store.ts的代码,因为内容哈希对于每个文件都是唯一的。

我正在寻找一种解决方案,其中结合了js文件的这种延迟加载功能,可以实现缓存清除。

我希望我能尽快得到解决方案。预先感谢。

1 个答案:

答案 0 :(得分:-1)

npm缓存清理--f将释放所有npm缓存。您可以清除缓存并删除旧的缓存,如果您使用npm run build / ng build生成新文件,则ng serve / npm run start会将应用带到浏览器