要使用Angular CLI创建服务工作线程,你需要遵循以下步骤:
ng new my-app
cd my-app
@angular/service-worker
包:ng add @angular/pwa
src/app/app.module.ts
中导入ServiceWorkerModule
并添加到imports
数组中:import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { ServiceWorkerModule } from '@angular/service-worker';
import { environment } from '../environments/environment';
@NgModule({
imports: [
BrowserModule,
ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
],
declarations: [AppComponent],
bootstrap: [AppComponent]
})
export class AppModule { }
src/index.html
中添加以下代码片段,用于在网站加载期间注册服务工作线程:
请确保在上面的代码片段中使用正确的路径。
ng serve
现在,你的Angular应用程序将使用服务工作线程,在网站加载期间缓存资源并提供离线访问能力。