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，您需要这两个方面