javascript - 自动缓存新补丁

Question

• 我有一个巨大的 Angular 2 应用程序。
• 我们每两周发布一次补丁。
• 但每次用户都需要清除浏览器缓存才能看到 js 的变化。
• 在 Angular 2 或 js 或 jquery 中是否有任何内置方法，让用户在我们发布后在浏览器中点击 URL 时可以自动删除缓存。
• 我考虑在下面的 app.module.ts 文件中包含该方法，因为它包含所有模块
• 你能告诉我如何解决这个问题吗？

import './rxjs-extensions';

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule,ReactiveFormsModule }   from '@angular/forms';
import { HttpModule }    from '@angular/http';
import { AppComponent }         from './app.component';

import {Base} from './components/base/base';
import {playerUser} from './components/player/user';
import {player} from './components/player/player';

import {
    Routes,
    RouterModule,
    Router,
    ActivatedRoute,

    CanActivateChild,
    CanDeactivate,
    ActivatedRouteSnapshot,
    RouterStateSnapshot
} from "@angular/router";
import { titleService } from './components/title/titleService';


@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    HttpModule,
    routing,
    MultiselectDropdownModule,
    AccordionModule
  ],
  declarations: [
    AppComponent,
    Base,
    player,
    playerUser,
    playerFunctionalRoles,
  ],
  providers: [
  sportsUService,saveService,titleService],
  bootstrap: [ AppComponent ]
})
export class AppModule {
}

Answer 1

您使用什么来捆绑您的应用程序？

如果您使用的是 Angular cli，则缓存清除机制已就位(请注意，生成的文件具有与其关联的哈希值)。在这种情况下，您可以禁用 Nginx/Apache 或仅在 index.html 上为您的网站提供服务的任何内容中的缓存。

这将下载由 index.html 中的新哈希代码引用标识的新源文件。

如果您仅使用 webpack，请确保启用缓存清除。

本教程:https://powerspace.tech/how-to-cache-busting-with-webpack-5131b4af8826向您展示如何启用散列和缓存清除。