推荐答案
-- -------------------- ---- ------- - -- ------- --- ------ ------- -- -- --- ---------- - ------ -- ---------- - -- --- -- -- --- ------------ - --------- -- ----- ------ - ------- -- -----
本题详细解读
1. 创建新的 Angular 项目
首先，使用 Angular CLI 创建一个新的 Angular 项目。ng new my-pwa-app 命令会生成一个新的 Angular 项目，并自动配置基本的项目结构。
2. 添加 PWA 支持
在项目目录中，使用 ng add @angular/pwa 命令来添加 PWA 支持。这个命令会自动生成以下文件：
ngsw-config.json：用于配置 Service Worker 的行为。manifest.webmanifest：用于定义应用的元数据，如名称、图标、主题颜色等。service-worker.js：Service Worker 文件，用于缓存资源并支持离线功能。
3. 构建生产环境的应用
使用 ng build --prod 命令来构建生产环境的应用。这个命令会生成优化后的代码，并将 PWA 相关的文件打包到 dist 目录中。
4. 启动开发服务器
最后，使用 ng serve 命令启动开发服务器，可以在本地环境中预览和调试你的 PWA 应用。
通过以上步骤，你就可以使用 Angular CLI 创建一个支持 PWA 的 Angular 应用。