vue.config.js

const CopyPlugin = require("copy-webpack-plugin");
const { defineConfig } = require('@vue/cli-service')
const path = require("path");
const { ProvidePlugin } = require("webpack");

module.exports = defineConfig({
  pwa: {
    name: 'HotShop',
    themeColor: '#ff6600',
    assetsVersion: '4',
    iconPaths: {
      faviconSVG: 'favicon.ico',
    }
  },
  productionSourceMap: false,
  transpileDependencies: ['monero-javascript'],
  configureWebpack: {
    resolve: {
      alias: {
        fs: "html5-fs",
      },
      extensions: ["*", ".js", ".vue", ".json", ".ts"],
      fallback: {
        // browser polyfills
        assert: require.resolve("assert"),
        //buffer: require.resolve('buffer'),
        //console: require.resolve('console-browserify'),
        //constants: require.resolve('constants-browserify'),
        crypto: require.resolve("crypto-browserify"),
        //domain: require.resolve('domain-browser'),
        //events: require.resolve('events'),
        http: require.resolve("stream-http"),
        https: require.resolve("https-browserify"),
        os: require.resolve("os-browserify/browser"),
        path: require.resolve("path-browserify"),
        //punycode: require.resolve('punycode'),
        //process: require.resolve('process/browser'),
        querystring: require.resolve("querystring-es3"),
        stream: require.resolve("stream-browserify"),
        //string_decoder: require.resolve('string_decoder'),
        //sys: require.resolve('util'),
        //timers: require.resolve('timers-browserify'),
        //tty: require.resolve('tty-browserify'),
        url: require.resolve("url"),
        util: require.resolve("util"),
        //vm: require.resolve('vm-browserify'),
        zlib: require.resolve("browserify-zlib"),
      },
    },
    externals: ["worker_threads", "ws", "perf_hooks", "child_process"], // exclude nodejs
    plugins: [
      new ProvidePlugin({
        process: "process/browser",
        Buffer: ["buffer", "Buffer"],
      }),
      new CopyPlugin({
        patterns: [
          {
            from: "node_modules/monero-javascript/dist/monero_wallet_full.wasm",
           
            to: path.resolve(__dirname, "dist")
          },
          {
            from: "node_modules/monero-javascript/dist/monero_web_worker.js",
            to: path.resolve(__dirname, "dist")
          },
        ],
      }),
    ]
  }
})