很多方法都无法处理这个问题，所有的文件都将被编译并捆绑在main.js中。
但是你可以做的是创建一个自定义模块，导入p5.js库，然后你可以使用延迟加载。
通常在Router中是这样做的：

RouterModule.forRoot([
      {
        path: 'lazy',
        loadChildren: () => import('./lazy/lazy.module').then((m) => m.LazyModule),
      },
    ]),

但是你也可以在一个定制服务中处理它，就像这样：

@Injectable({
  providedIn: 'root',
})
export class LazyLoaderService {
  private lazyMap: Map<string, Promise<unknown>> = new Map()
  constructor() {}
  getLazyModule(key: string): Promise<unknown> {
    return this.lazyMap.get(key)
  }
  loadLazyModules(): Observable<number | void> {
    return of(1).pipe(
      delay(2000),
      tap(() => {
        this.lazyMap.set(
          'lazy',
          import('./lazy/lazy.module').then((m) => m.LazyModule)
        )
      })
    )
  }
}

然后Angular会拆分模块并在需要的时候加载它，但是如果你直接在App.Component.ts中使用它，它就帮不上什么忙了，因为lazy模块会直接加载到init中。