quasar.conf.js

// Configuration for your app
// https://quasar.dev/quasar-cli/quasar-conf-js
const path = require('path')
const extendWebpack = require('./webpack-config.js')

// Read environment variables from .env
require('dotenv').config()

module.exports = function (ctx) {
  return {
    resolve: {
      alias: {
        '~': path.resolve(__dirname, 'src')
      }
    },

    // app boot file (/src/boot)
    // --> boot files are part of "main.js"
    boot: [
      'axios',
      'mixins',
      { path: 'api', server: false },
      { path: 'directives', server: false },
      { path: 'ual', server: false },
      { path: 'dgraph', server: false },
      { path: 'config', server: false },
      { path: 'ppp', server: false },
      { path: 'croppa', server: false },
      { path: 'sentry', server: false },
      { path: 'light-wallet', server: false },
      { path: 'matomo', server: false },
      { path: 'event-buss', server: false }
    ],

    css: [
      'app.styl'
    ],

    extras: [
      'fontawesome-v5'
    ],

    framework: {
      iconSet: 'fontawesome-v5',
      // lang: 'de', // Quasar language

      // all: true, // --- includes everything; for dev only!
      importStrategy: 'auto',

      directives: [
        'ClosePopup',
        'Ripple'
      ],

      // Quasar plugins
      plugins: [
        'Meta',
        'Notify'
      ],
      config: {
        notify: { /* Notify defaults */ }
      }
    },

    build: {
      env: {
        APP_NAME: process.env.APP_NAME,
        DGRAPH_URL: process.env.DGRAPH_URL,
        DGRAPH_ROOT_HASH: process.env.DGRAPH_ROOT_HASH,
        REGISTER_API_URL: process.env.REGISTER_API_URL,
        REGISTER_API_KEY: process.env.REGISTER_API_KEY,
        ACCOUNT_API_URL: process.env.ACCOUNT_API_URL,
        ACCOUNT_API_KEY: process.env.ACCOUNT_API_KEY,
        NETWORK_CHAIN_ID: process.env.NETWORK_CHAIN_ID,
        TELOS_ENDPOINTS: process.env.TELOS_ENDPOINTS,
        TLOSTO_SEEDS: process.env.TLOSTO_SEEDS,
        DAO_CONTRACT: process.env.DAO_CONTRACT,
        BLOCKCHAIN_EXPLORER: process.env.BLOCKCHAIN_EXPLORER,
        BLOCKCHAIN_EXPLORER_BTC: process.env.BLOCKCHAIN_EXPLORER_BTC,
        BLOCKCHAIN_EXPLORER_ETH: process.env.BLOCKCHAIN_EXPLORER_ETH,
        BLOCKCHAIN_EXPLORER_EOS: process.env.BLOCKCHAIN_EXPLORER_EOS,
        PPP_ENV: process.env.PPP_ENV,
        SENTRY_DSN: process.env.SENTRY_DSN,
        DOCUMENTATION: process.env.DOCUMENTATION,
        IPFS_URL: process.env.IPFS_URL,
        IPFS_PROJECT_ID: process.env.IPFS_PROJECT_ID,
        IPFS_PROJECT_SECRET: process.env.IPFS_PROJECT_SECRET,
        IPFS_GATEWAY: process.env.IPFS_GATEWAY,
        GRAPHQL_URI: process.env.GRAPHQL_URI,
        SUPPLY_CONTRACT: process.env.SUPPLY_CONTRACT,
        ELASTIC_SEARCH_URL: process.env.ELASTIC_SEARCH_URL,
        ELASTIC_SEARCH_API_KEY: process.env.ELASTIC_SEARCH_API_KEY,
        MULTISIG_CONTRACT: process.env.MULTISIG_CONTRACT,
        HYPHA_CONTRACT: process.env.HYPHA_CONTRACT
      },
      scopeHoisting: true,
      vueRouterMode: 'history',
      // showProgress: true,
      gzip: true,
      // analyze: true,
      // distDir: 'dist',
      // productName: 'pos_host_ui',
      minify: true,
      vueCompiler: false,
      extractCSS: true,
      extendWebpack,
      chainWebpack (chain) {
        chain.module.rule('vue')
          .use('vue-loader')
          .loader('vue-loader')
          .tap(options => {
            options.transpileOptions = {
              transforms: {
                dangerousTaggedTemplateString: true
              }
            }
            return options
          })
      },
      uglifyOptions: {
        minimize: true,
        compress: {
          warnings: false, // warn about potentially dangerous optimizations/code
          sequences: true, // join consecutive statemets with the “comma operator”
          properties: true, // optimize property access: a["foo"] → a.foo
          dead_code: true, // discard unreachable code
          drop_debugger: true, // discard “debugger” statements
          unsafe: true, // some unsafe optimizations (see below)
          conditionals: true, // optimize if-s and conditional expressions
          comparisons: true, // optimize comparisons
          evaluate: true, // evaluate constant expressions
          booleans: true, // optimize boolean expressions
          loops: true, // optimize loops
          unused: true, // drop unused variables/functions
          hoist_funs: true, // hoist function declarations
          hoist_vars: true, // hoist variable declarations
          if_return: true, // optimize if-s followed by return/continue
          join_vars: true, // join var declarations
          // cascade: true, // try to cascade `right` into `left` in sequences
          side_effects: true // drop side-effect-free statements
        }
      }
    },

    devServer: {
      // https: true,
      // port: 8080,
      open: true // opens browser window automatically
    },

    animations: 'all', // --- includes all animations
    // animations: [
    //   'fadeIn',
    //   'fadeOut',
    //   'slideInRight',
    //   'slideOutRight'
    // ],

    // Unsupported modes
    ssr: {
      pwa: false
    },
    cordova: {},
    electron: {},
    pwa: {}
  }
}