+const manifestOptions = require("./public/assets/manifest.json");
+
module.exports = {
chainWebpack: (config) => {
config.module
- .rule('yaml')
+ .rule("yaml")
.test(/\.ya?ml$/)
- .use('raw-loader')
- .loader('raw-loader')
+ .use("raw-loader")
+ .loader("raw-loader")
.end();
},
- publicPath: '',
+ publicPath: "",
pwa: {
- manifestPath: 'assets/manifest.json',
- manifestOptions: {
- start_url: '../',
- },
- appleMobileWebAppStatusBarStyle: 'black',
- appleMobileWebAppCapable: 'yes',
- name: 'Homer Dashboard',
- short_name: 'Homer',
- theme_color: '#3367D6',
- icons: [
- {
- src: '../assets/icons/favicon-16x16.png',
- sizes: '16x16',
- type: 'image/png',
- },
- {
- src: '../assets/icons/favicon-32x32.png',
- sizes: '32x32',
- type: 'image/png',
- },
- {
- src: '../assets/icons/icon-any.png',
- sizes: '512x512',
- type: 'image/png',
- purpose: 'any',
- },
- {
- src: '../assets/icons/icon-any.svg',
- sizes: 'any',
- type: 'image/svg+xml',
- purpose: 'any',
- },
- {
- src: '../assets/icons/icon-maskable.png',
- sizes: '512x512',
- type: 'image/png',
- purpose: 'maskable',
- },
- {
- src: '../assets/icons/safari-pinned-tab.svg',
- sizes: 'any',
- type: 'image/svg+xml',
- purpose: 'monochrome',
- },
- ],
+ manifestPath: "assets/manifest.json",
+ manifestCrossorigin: "use-credentials",
+ appleMobileWebAppStatusBarStyle: "black",
+ appleMobileWebAppCapable: "yes",
+ name: manifestOptions.name,
+ themeColor: manifestOptions.theme_color,
+ manifestOptions,
iconPaths: {
- favicon32: 'assets/icons/favicon-32x32.png',
- favicon16: 'assets/icons/favicon-16x16.png',
- appleTouchIcon: 'assets/icons/icon-maskable.png',
- maskIcon: 'assets/icons/safari-pinned-tab.svg',
- msTileImage: 'assets/icons/icon-any.png',
+ favicon32: "assets/icons/favicon-32x32.png",
+ favicon16: "assets/icons/favicon-16x16.png",
+ appleTouchIcon: "assets/icons/icon-maskable.png",
+ maskIcon: "assets/icons/safari-pinned-tab.svg",
+ msTileImage: "assets/icons/icon-any.png",
},
},
};