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     appleMobileWebAppStatusBarStyle: "black",
  14     appleMobileWebAppCapable: "yes",
  15     name: "Homer Dashboard",
  16     short_name: "Homer",
  17     theme_color: "#3367D6",
  18     icons: [
  19       {
  20         src: "./assets/icons/android-chrome-192x192.png",
  21         sizes: "192x192",
  22         type: "image/png",
  23       },
  24       {
  25         src: "./assets/icons/android-chrome-512x512.png",
  26         sizes: "512x512",
  27         type: "image/png",
  28       },
  29       {
  30         src: "./assets/icons/android-chrome-maskable-192x192.png",
  31         sizes: "192x192",
  32         type: "image/png",
  33         purpose: "maskable",
  34       },
  35       {
  36         src: "./assets/icons/android-chrome-maskable-512x512.png",
  37         sizes: "512x512",
  38         type: "image/png",
  39         purpose: "maskable",
  40       },
  41       {
  42         src: "./assets/icons/apple-touch-icon-60x60.png",
  43         sizes: "60x60",
  44         type: "image/png",
  45       },
  46       {
  47         src: "./assets/icons/apple-touch-icon-76x76.png",
  48         sizes: "76x76",
  49         type: "image/png",
  50       },
  51       {
  52         src: "./assets/icons/apple-touch-icon-120x120.png",
  53         sizes: "120x120",
  54         type: "image/png",
  55       },
  56       {
  57         src: "./assets/icons/apple-touch-icon-152x152.png",
  58         sizes: "152x152",
  59         type: "image/png",
  60       },
  61       {
  62         src: "./assets/icons/apple-touch-icon-180x180.png",
  63         sizes: "180x180",
  64         type: "image/png",
  65       },
  66       {
  67         src: "./assets/icons/apple-touch-icon.png",
  68         sizes: "180x180",
  69         type: "image/png",
  70       },
  71       {
  72         src: "./assets/icons/favicon-16x16.png",
  73         sizes: "16x16",
  74         type: "image/png",
  75       },
  76       {
  77         src: "./assets/icons/favicon-32x32.png",
  78         sizes: "32x32",
  79         type: "image/png",
  80       },
  81       {
  82         src: "./assets/icons/msapplication-icon-144x144.png",
  83         sizes: "144x144",
  84         type: "image/png",
  85       },
  86       {
  87         src: "./assets/icons/mstile-150x150.png",
  88         sizes: "150x150",
  89         type: "image/png",
  90       },
  91     ],
  92     iconPaths: {
  93       favicon32: "assets/icons/favicon-32x32.png",
  94       favicon16: "assets/icons/favicon-16x16.png",
  95       appleTouchIcon: "assets/icons/apple-touch-icon-152x152.png",
  96       maskIcon: "assets/icons/safari-pinned-tab.svg",
  97       msTileImage: "assets/icons/msapplication-icon-144x144.png",
  98     },
  99   },
 100 };