vue.config.js

const { BASE_URL = "/" } = process.env;

module.exports = {
  publicPath: BASE_URL,
  chainWebpack: config => {
    config.module.rule('loaders')
      .test(/\.(png|svg|gif|md)$/)
      .use('file')
      .loader('file-loader')
      .end()
      .test(/\.(md)$/)
      .use('file')
      .loader('raw-loader')
      .end()
  },
  pwa: {
    name: "Olivia",
    appleMobileWebAppCapable: 'yes',
    themeColor: '#ff3aaf',
    msTileColor: '#fff',
    iconPaths: {
      favicon32: "img/icons/favicon-32x32.png",
      favicon16: "img/icons/favicon-16x16.png",
      appleTouchIcon: "img/icons/apple-touch-icon-152x152.png",
      msTileImage: "img/icons/msapplication-icon-144x144.png"
    },
    workboxPluginMode: 'InjectManifest',
    workboxOptions: {
      swSrc: 'src/service-worker.js',
    }
  },
  pluginOptions: {
    cordovaPath: "cordova"
  }
}