vue.config.js

const { defineConfig } = require('@vue/cli-service')
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
const CompressionPlugin = require("compression-webpack-plugin")
// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = defineConfig({
  transpileDependencies: true,
  
  devServer: {
    port: 8080,
    // https: true
  },
  configureWebpack: {
    // watch: true,
    output: {
      filename: '[name].[hash].bundle.js'
    },
    experiments: {
      topLevelAwait: true
    },
    mode: 'production',
    // entry: {
    //   relaysFind: ['@/components/relays/pages/RelaysFind.vue'],
    //   relaysStatistics: ['@/components/relays/pages/RelaysStatistics.vue'],
    //   relaysSingle: ['@/components/relays/pages/RelaysSingle.vue'],
    // },
    plugins: [
      new NodePolyfillPlugin(),
      new CompressionPlugin,
      // new BundleAnalyzerPlugin()
    ],
    optimization: {
      usedExports: true,
      splitChunks: {
        chunks: "all",
      },
    },
    resolve: {
      fallback: {
        "fs": false,
        "tls": false,
        "net": false,
        "utf-8-validate": false,
        "bufferutil": false,
      }
    },
  },
  chainWebpack: config => {
    config.module
      .rule('yaml')
        .test(/\.ya?ml?$/)
        .use('yaml-loader')
          .loader('yaml-loader')
  }
})