如何确保在Angular app

时间:2018-03-26 08:13:31

标签: javascript angular cache-control

我对angular(5)相当新,并且注意到每次访问页面时都会重新加载javascript文件(vendor.bundle,main.bundle等)。

我是否应该做些什么来确保它们在第一次加载后保存在浏览器缓存中?

我想我会需要添加的缓存控制标题,但我不知道在哪里把它的代码,或者这是否是值得的角度-CLI可能会产生

1 个答案:

答案 0 :(得分:2)

Angular具有名为Service workers的库,只需通过以下cli命令即可将其安装在cli项目中

      ng add @angular/pwa --project *project-name*

注意:项目名称可以从angular.json获取

此命令执行最需要的配置,但还需要其他一些东西,可以在流动的链接service-worker confi.中找到这些东西,但是前面提到的命令已经完成了一些此配置。但“ ngsw-config.json”文件中可能还需要更多配置。

但是不幸的是,我在春季战争中进行了测试,并且每次都没有下载任何高速缓存时,大文件仍然下载,但是如果我将其部署在http服务器上,则可以正常运行。< / p>

Inside Spring War Result

有关更多信息。请检查Angular Service Worker - Step-By-Step Guide for turning your Application into a PWA的斑点

Using NPM Http Server