angular - Angular 项目中 manifest.json 文件的用途是什么

Question

首先，在 Angular 5+ 项目的上下文中，我对此类文件的潜在存在一无所知。我有一个正在运行的 Angular 5 项目，其中没有这个 manifest.json 文件。我决定添加服务工作者工具来提高应用程序的性能。服务人员没有被激活，我对该问题进行了一些研究，并遇到了以下开放的 github 问题，其中一些人提到他们使用 manifest.json 解决了问题。这个文件是什么？为什么它不能成为 Angular CLI 配置的一部分？在什么条件下你需要一个？潜在的文档在哪里？

Answer 1

清单文件用于项目名称、图标、元数据等到主屏幕。

{
"name": "Project Example",
"short_name": "project",
"icons": [{
"src": "images/icons/icon-128x128.png",
"sizes": "128x128",
"type": "image/png"
}, {
"src": "images/icons/icon-144x144.png",
"sizes": "144x144",
"type": "image/png"
}, {
"src": "images/icons/icon-152x152.png",
"sizes": "152x152",
"type": "image/png"
}, {
"src": "images/icons/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
}, {
"src": "images/icons/icon-256x256.png",
"sizes": "256x256",
"type": "image/png"
}],
"start_url": "/index.html",
"display": "standalone",
"background_color": "#3E4EB8",
"theme_color": "#2F3BA2"
}

Answer 2

从 MDN 文档：

Web 应用程序清单在 JSON 文本文件中提供有关应用程序的信息（例如名称、作者、图标和描述）。清单的目的是将 Web 应用程序安装到设备的主屏幕上，为用户提供更快的访问和更丰富的体验。

它似乎是创建 PWA（渐进式 Web 应用程序）的关键部分

在此清单中，您将能够定义例如 Service Workers ：

服务工作者是您的浏览器在后台运行的脚本，与网页分开，为不需要网页或用户交互的功能打开了大门。

要创建 PWA，您需要这两个方面