vue.config.js

   1 module.exports = {
   2   chainWebpack: (config) => {
   3     config.module
   4       .rule('yaml')
   5       .test(/\.ya?ml$/)
   6       .use('raw-loader')
   7       .loader('raw-loader')
   8       .end();
   9   },
  10   publicPath: '',
  11   pwa: {
  12     manifestPath: 'assets/manifest.json',
  13     manifestOptions: {
  14       start_url: '../',
  15     },
  16     appleMobileWebAppStatusBarStyle: 'black',
  17     appleMobileWebAppCapable: 'yes',
  18     name: 'Homer Dashboard',
  19     short_name: 'Homer',
  20     theme_color: '#3367D6',
  21     icons: [
  22       {
  23         src: '../assets/icons/favicon-16x16.png',
  24         sizes: '16x16',
  25         type: 'image/png',
  26       },
  27       {
  28         src: '../assets/icons/favicon-32x32.png',
  29         sizes: '32x32',
  30         type: 'image/png',
  31       },
  32       {
  33         src: '../assets/icons/icon-any.png',
  34         sizes: '512x512',
  35         type: 'image/png',
  36         purpose: 'any',
  37       },
  38       {
  39         src: '../assets/icons/icon-any.svg',
  40         sizes: 'any',
  41         type: 'image/svg+xml',
  42         purpose: 'any',
  43       },
  44       {
  45         src: '../assets/icons/icon-maskable.png',
  46         sizes: '512x512',
  47         type: 'image/png',
  48         purpose: 'maskable',
  49       },
  50       {
  51         src: '../assets/icons/safari-pinned-tab.svg',
  52         sizes: 'any',
  53         type: 'image/svg+xml',
  54         purpose: 'monochrome',
  55       },
  56     ],
  57     iconPaths: {
  58       favicon32: 'assets/icons/favicon-32x32.png',
  59       favicon16: 'assets/icons/favicon-16x16.png',
  60       appleTouchIcon: 'assets/icons/icon-maskable.png',
  61       maskIcon: 'assets/icons/safari-pinned-tab.svg',
  62       msTileImage: 'assets/icons/icon-any.png',
  63     },
  64   },
  65 };