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     manifestCrossorigin: "use-credentials",
  16     appleMobileWebAppStatusBarStyle: "black",
  17     appleMobileWebAppCapable: "yes",
  18     name: manifestOptions.name,
  19     themeColor: manifestOptions.theme_color,
  20     manifestOptions,
  21     iconPaths: {
  22       favicon32: "assets/icons/favicon-32x32.png",
  23       favicon16: "assets/icons/favicon-16x16.png",
  24       appleTouchIcon: "assets/icons/icon-maskable.png",
  25       maskIcon: "assets/icons/safari-pinned-tab.svg",
  26       msTileImage: "assets/icons/icon-any.png",
  27     },
  28   },
  29 };