vue.config.js

   1 const manifestOptions = require("./public/assets/manifest.json");
   2
   3 module.exports = {
   4   chainWebpack: (config) => {
   5     config.module
   6       .rule("yaml")
   7       .test(/\.ya?ml$/)
   8       .use("raw-loader")
   9       .loader("raw-loader")
  10       .end();
  11   },
  12   publicPath: "",
  13   pwa: {
  14     manifestPath: "assets/manifest.json",
  15     appleMobileWebAppStatusBarStyle: "black",
  16     appleMobileWebAppCapable: "yes",
  17     name: manifestOptions.name,
  18     themeColor: manifestOptions.theme_color,
  19     manifestOptions,
  20     iconPaths: {
  21       favicon32: "assets/icons/favicon-32x32.png",
  22       favicon16: "assets/icons/favicon-16x16.png",
  23       appleTouchIcon: "assets/icons/icon-maskable.png",
  24       maskIcon: "assets/icons/safari-pinned-tab.svg",
  25       msTileImage: "assets/icons/icon-any.png",
  26     },
  27   },
  28 };