大型初始块文件（带有 PWA 和 SSR 的空项目）Angular 17

Question

我目前正在开发一个 Angular 17 项目，最近使用具有 PWA（渐进式 Web 应用程序）和 SSR（服务器端渲染）功能的 Angular CLI 生成了一个新的空项目。然而，我注意到初始文件的大小惊人地大，即使对于一个空项目也是如此。

该项目从一个独立的组件开始，我预计初始捆绑包的大小相对较小。然而，初始包目前重约 214 KB。

我已经验证在 angular.json 文件中正确配置了优化，并且我正在使用 ng build --configuration=product 来构建项目。

对于一个带有 PWA 和 SSR 的空项目来说，有这么大的包大小是正常的吗？我可以应用任何其他优化来减小初始文件的大小吗？

预先感谢您的帮助和建议。

app.conf.ts

import {ApplicationConfig, isDevMode} from '@angular/core';
import {provideRouter} from '@angular/router';

import {routes} from './app.routes';
import {provideClientHydration} from '@angular/platform-browser';
import {provideServiceWorker} from '@angular/service-worker';

export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(routes),
    provideClientHydration(),
    provideServiceWorker('ngsw-worker.js', {
      enabled: !isDevMode(),
      registrationStrategy: 'registerWhenStable:30000'
    })]
};

主要.ts

import { bootstrapApplication } from '@angular/platform-browser';
import { appConfig } from './app/app.config';
import { AppComponent } from './app/app.component';

bootstrapApplication(AppComponent, appConfig)
  .catch((err) => console.error(err));

添加产品配置：

 "optimization": true

Answer 1

对于导入路由器的裸 Angular 项目来说，大约 250kB 看起来是正常大小。

这里没有太多需要优化的地方。