webpack.config.js

const { VueLoaderPlugin } = require('vue-loader');

module.exports = {
  mode: 'production',
  devtool: 'source-map',
  entry: {
    maplist: './frontend/src/maplist.js',
    mapedit: './frontend/src/mapedit.js',
    applist: './frontend/src/applist.js',
    settings: './frontend/src/settings.js'
  },
  output: {
    path: `${__dirname}/frontend/dist`,
    filename: '[name].bundle.js'
  },
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js'
    },
    symlinks: false,
    fallback: {
      crypto: require.resolve("crypto-browserify"),
      buffer: require.resolve("buffer"),
      stream: require.resolve("stream-browserify")
    }
  },
  plugins: [
    // make sure to include the plugin!
    new VueLoaderPlugin()
  ],
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          loaders: {
            js: 'babel-loader'
          }
        }
      },
      {
        test: /\.js$/,
        exclude: /node_modules(?![\\/]@maplat)/,
        use: {
          loader: 'babel-loader',
          options: {
            "presets": [
              [
                "@babel/preset-env",
                {
                  "useBuiltIns": "usage",
                  "corejs": 3
                }
              ]
            ]
          }
        }
      },
      {
        test: /\.(jpg|jpeg|png)$/,
        exclude: /node_modules(?![\\/]@maplat)/,
        loader: 'file-loader',
        options: {
          outputPath: "images"
        }
      }
    ]
  },
  externals: [
    (function () {
      const IGNORES = [
        'electron'
      ];
      return ({context, request}, callback) => {
        if (IGNORES.indexOf(request) >= 0) {
          return callback(null, "require('" + request + "')");
        }
        return callback();
      };
    })()
  ]
};