quasar.config.js

/* eslint-env node */

/*
 * This file runs in a Node context (it's NOT transpiled by Babel), so use only
 * the ES6 features that are supported by your Node version. https://node.green/
 */

// Configuration for your app
// https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js


const { configure } = require('quasar/wrappers');
const nodePolyfillWebpackPlugin = require('node-polyfill-webpack-plugin');

const config = require('./config');
const pkg = require('./package');

module.exports = configure(function (ctx) {
    return {
        // https://v2.quasar.dev/quasar-cli-webpack/supporting-ts
        supportTS: true,

        // https://v2.quasar.dev/quasar-cli-webpack/prefetch-feature
        // preFetch: true,

        // app boot file (/src/boot)
        // --> boot files are part of "main.js"
        // https://v2.quasar.dev/quasar-cli-webpack/boot-files
        boot: [
            /**
             * if vue-i18next is enabled, we can use directive v-waitForT so translations can be loaded first
             * before rendering the component
             */
            'vue-i18next',

            /**
             * Enable only the plugins that your app is going to use.
             */
            'axios',
            'jwt',
            'notify',
            'api',
            // 'google-api',
        ],

        // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-css
        css: [
            'app.scss'
        ],

        // https://github.com/quasarframework/quasar/tree/dev/extras
        extras: [
            // 'ionicons-v4',
            // 'mdi-v5',
            // 'fontawesome-v6',
            // 'eva-icons',
            // 'themify',
            // 'line-awesome',
            // 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!

            'roboto-font', // optional, you are not bound to it
            'material-icons', // optional, you are not bound to it
        ],

        // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-build
        build: {
            scopeHoisting: true,
            vueRouterMode: 'history', // available values: 'hash', 'history'
            publicPath: '/',
            analyze: process.env.ANALYZE,
            env: config.env,
            devtool: 'source-map',
            // transpile: false,

            // Add dependencies for transpiling with Babel (Array of string/regex)
            // (from node_modules, which are by default not transpiled).
            // Applies only if "transpile" is set to true.
            // transpileDependencies: [],

            // rtl: true, // https://quasar.dev/options/rtl-support
            // preloadChunks: true,
            // showProgress: false,
            // gzip: true,

            // Options below are automatically set depending on the env, set them if you want to override
            // extractCSS: false,

            // https://v2.quasar.dev/quasar-cli-webpack/handling-webpack
            // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
            chainWebpack (chain) {
                chain
                    .plugin('node-polyfill')
                    .use(nodePolyfillWebpackPlugin);
            }

        },

        // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-devServer
        devServer: {
            server: {
                type: 'https'
            },
            port: 8000,
            open: true, // opens browser window automatically

            proxy: {
                '/api': {
                    target: 'http://localhost:5000',
                    secure: false,
                    changeOrigin: true,
                    pathRewrite: {
                        '^/api': '/api'
                    }
                }
            }
        },

        // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-framework
        framework: {
            config: {},

            iconSet: 'material-icons', // Quasar icon set
            // lang: 'en-US', // Quasar language pack

            // For special cases outside of where the auto-import strategy can have an impact
            // (like functional components as one of the examples),
            // you can manually specify Quasar components/directives to be available everywhere:
            //
            components: [
                'QAvatar',
                'QBadge',
                'QBar',
                'QBreadcrumbs',
                'QBreadcrumbsEl',
                'QBtn',
                'QBtnToggle',
                'QCard',
                'QCardActions',
                'QCardSection',
                'QCarousel',
                'QCarouselSlide',
                'QChip',
                'QDate',
                'QExpansionItem',
                'QFooter',
                'QHeader',
                'QIcon',
                'QImg',
                'QInput',
                'QItem',
                'QItemLabel',
                'QItemSection',
                'QLayout',
                'QList',
                'QMenu',
                'QOptionGroup',
                'QPage',
                'QPageContainer',
                'QPageSticky',
                'QPagination',
                'QPopupProxy',
                'QRadio',
                'QSelect',
                'QSeparator',
                'QSpace',
                'QTab',
                'QTabPanel',
                'QTabPanels',
                'QTable',
                'QTabs',
                'QToggle',
                'QToolbar',
                'QToolbarTitle',
            ],
            // directives: [],

            // Quasar plugins
            plugins: [
                'Notify',
                'Dialog',
                'Loading',
                'LocalStorage',
                'SessionStorage',
            ]
        },

        // animations: 'all', // --- includes all animations
        // https://quasar.dev/options/animations
        animations: [],

        // https://v2.quasar.dev/quasar-cli-webpack/developing-ssr/configuring-ssr
        ssr: {
            pwa: true,

            // manualStoreHydration: true,
            // manualPostHydrationTrigger: true,

            prodPort: 3000, // The default port that the production server should use
                            // (gets superseded if process.env.PORT is specified at runtime)

            maxAge: 1000 * 60 * 60 * 24 * 30,
            // Tell browser when a file from the server should expire from cache (in ms)


            chainWebpackWebserver (/* chain */) {},


            middlewares: [
                ctx.prod ? 'compression' : '',
                'render' // keep this as last one
            ]
        },

        // https://v2.quasar.dev/quasar-cli-webpack/developing-pwa/configuring-pwa
        pwa: {
            workboxPluginMode: 'GenerateSW', // 'GenerateSW' or 'InjectManifest'
            workboxOptions: {
                skipWaiting: true
            },

            // for the custom service worker ONLY (/src-pwa/custom-service-worker.[js|ts])
            // if using workbox in InjectManifest mode

            chainWebpackCustomSW (/* chain */) {},


            manifest: {
                name: pkg.productName,
                short_name: pkg.name,
                description: pkg.description,
                display: 'standalone',
                orientation: 'portrait',
                background_color: '#ffffff',
                theme_color: '#027be3',
                icons: [
                    {
                        src: 'icons/icon-128x128.png',
                        sizes: '128x128',
                        type: 'image/png'
                    },
                    {
                        src: 'icons/icon-192x192.png',
                        sizes: '192x192',
                        type: 'image/png'
                    },
                    {
                        src: 'icons/icon-256x256.png',
                        sizes: '256x256',
                        type: 'image/png'
                    },
                    {
                        src: 'icons/icon-384x384.png',
                        sizes: '384x384',
                        type: 'image/png'
                    },
                    {
                        src: 'icons/icon-512x512.png',
                        sizes: '512x512',
                        type: 'image/png'
                    }
                ]
            }
        },

        // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-cordova-apps/configuring-cordova
        cordova: {
            // noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing
        },

        // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-capacitor-apps/configuring-capacitor
        capacitor: {
            hideSplashscreen: true
        },

        // Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-electron-apps/configuring-electron
        electron: {
            bundler: 'packager', // 'packager' or 'builder'

            packager: {
                // https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options

                // OS X / Mac App Store
                // appBundleId: '',
                // appCategoryType: '',
                // osxSign: '',
                // protocol: 'myapp://path',

                // Windows only
                // win32metadata: { ... }
            },

            builder: {
                // https://www.electron.build/configuration/configuration

                appId: pkg.name
            },

            // "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain

            chainWebpackMain (/* chain */) {},



            chainWebpackPreload (/* chain */) {},

        }
    }
});