vue.config.js

/* eslint-disable @typescript-eslint/no-var-requires */
/* eslint-disable prettier/prettier */

const webpack = require('webpack');

const packageVersion = JSON.stringify(require('./package.json').version);
const web = process.env.WEB || false;

console.log(`Building package ${packageVersion} for Web: ${web}`);

const path = require('path')

module.exports = {
  // base url
  publicPath: process.env.NODE_ENV === 'production'
      ? './'
      : '/',
  // output dir
  outputDir: './dist',
  assetsDir: 'static',
  // eslint-loader check
  lintOnSave: true,
  // webpack
  // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
  chainWebpack: (config) => {
    config.plugin('define').tap((args) => {
      const env = args[0]['process.env'];
      const dataPlaceholder = {
        testnet: [],
        mainnet: []
      };
      let configFile;

      try {
        configFile = require('./keys-whitelist.json');
      } catch(e) {
        console.error('Failed to read "keys-whitelist.json"', e);
        configFile = {
          preLaunchOptin: dataPlaceholder,
          nglFinanceBot: dataPlaceholder
        };
      }
      args[0]['process.env'] = {
          ...env,
          PACKAGE_VERSION: packageVersion,
          WEB: web,
          KEYS_WHITELIST: JSON.stringify(configFile.preLaunchOptin),
          KEYS_FINANCE: JSON.stringify(configFile.nglFinanceBot)
      };
      return args;
    });
  },
  // generate map
  productionSourceMap: true,
  //use template in vue
  runtimeCompiler: true,
  // css
  css: {
    // ExtractTextPlugin
    extract: false,
    //  CSS source maps?
    sourceMap: false,
    // css loader
    loaderOptions: {
      postcss: {
        config: {
          path: '.postcss.config.js'
        }
      }
    },
    // CSS modules for all css / pre-processor files.
    requireModuleExtension: true
  },
  // use thread-loader for babel & TS in production build
  // enabled by default if the machine has more than 1 cores
  parallel: require('os').cpus().length > 1,
  // webpack-dev-server
  devServer: {
    host: '0.0.0.0',
    port: 8080,
    before: app => {
    },
    proxy: {
      '/nemflash': {
        target: 'https://symbol.github.io/symbol-rss-feeds/',
        ws: true,
        changeOrigin: true,
        pathRewrite: { '^/nemflash': '' }
      },
    }
  },
  // plugins
  pluginOptions: {
    "process.env": {
      NODE_ENV: '"development"',
    }
  }
}