const path = require("path"); module.exports = { outputDir: path.resolve(__dirname, "../priv/static"), chainWebpack: (config) => { // remove the prefetch plugin config.plugins.delete("prefetch"); }, configureWebpack: (config) => { const miniCssExtractPlugin = config.plugins.find( (plugin) => plugin.constructor.name === "MiniCssExtractPlugin" ); if (miniCssExtractPlugin) { miniCssExtractPlugin.options.linkType = false; } }, pwa: { name: "FOMO", themeColor: "#000000", //not required for service worker, but place theme color here if manifest.json doesn't change the color workboxPluginMode: "InjectManifest", workboxOptions: { // swSrc is required in InjectManifest mode. swSrc: "./src/service-worker.ts", // ...other Workbox options... }, manifestOptions: { short_name: "FOMO", orientation: "portrait-primary", }, }, css: { loaderOptions: { scss: { additionalData: ` @use "@/variables.scss" as *; `, sassOptions: { quietDeps: true, }, }, }, }, };