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: "./icons/favicon-16x16.png",
  24         sizes: "16x16",
  25         type: "image/png",
  26       },
  27       {
  28         src: "./icons/favicon-32x32.png",
  29         sizes: "32x32",
  30         type: "image/png",
  31       },
  32       {
  33         src: "./icons/icon-any.png",
  34         sizes: "512x512",
  35         type: "image/png",
  36         purpose: "any",
  37       },
  38       {
  39         src: "./icons/icon-any.svg",
  40         sizes: "any",
  41         type: "image/svg+xml",
  42         purpose: "any",
  43       },
  44       {
  45         src: "./icons/icon-maskable.png",
  46         sizes: "512x512",
  47         type: "image/png",
  48         purpose: "maskable",
  49       },
  50       {
  51         src: "./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 };