mirror/vue-cli
1
0
Fork 0
mirror of https://github.com/vuejs/vue-cli.git synced 2026-05-01 01:10:44 -05:00
Code Issues Packages Projects Releases Wiki Activity

docs: explain pwa head/manifest icons (#5408)

Browse Source
This commit is contained in:
Drew Bragg
2020-05-06 00:01:58 -04:00
committed by GitHub
parent 6e8ddcccd7
commit caa3006ea8
1 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/core-plugins/pwa.md
+26
View File
@@ -83,6 +83,30 @@ file, or the `"vue"` field in `package.json`.
- start_url: `'.'`
- display: `'standalone'`
- theme_color: `pwa.themeColor`
- icons: `[
{
'src': './img/icons/android-chrome-192x192.png',
'sizes': '192x192',
'type': 'image/png'
},
{
'src': './img/icons/android-chrome-512x512.png',
'sizes': '512x512',
'type': 'image/png'
},
{
'src': './img/icons/android-chrome-maskable-192x192.png',
'sizes': '192x192',
'type': 'image/png',
'purpose': 'maskable'
},
{
'src': './img/icons/android-chrome-maskable-512x512.png',
'sizes': '512x512',
'type': 'image/png',
'purpose': 'maskable'
}
]`
- **pwa.iconPaths**
@@ -100,6 +124,8 @@ file, or the `"vue"` field in `package.json`.
Change these values to use different paths for your icons.
*NOTE:* These icons are only used to generate the meta tags in the `<head>` of your HTML doc. To change the icon paths for your manifest please use `pwa.manifestOptions.icons`
### Example Configuration
```js