vue.config.js

// const Visualizer = require('webpack-visualizer-plugin');
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin")

module.exports = {
  publicPath: '/',
  configureWebpack: {
    plugins: [
      new NodePolyfillPlugin()
    //   new Visualizer({ filename: './statistics.html' }),
    ],
    optimization: {
      splitChunks: {
        cacheGroups: {
          vendor: {
            test: /[\\/]node_modules[\\/](leaflet)[\\/]/,
            name: 'leaflet-chunk',
            chunks: 'all',
          },
          new: {
            test: /[\\/]node_modules[\\/](esri-leaflet)[\\/]/,
            name: 'esri-leaflet-chunk',
            chunks: 'all',
          }
        }
      }
    },
  },
  chainWebpack: (config) => {
    config.plugins.delete('prefetch');
  },
  css: {
    loaderOptions: {
      sass: {
        prependData: `@import "@/scss/_variables.scss";
              @import "@/scss/_mixins.scss";`,
      },
    },
  },
  // runtimeCompiler: true,
  // transpileDependencies: [
  //   // can be string or regex
  //   '@mapbox/mapbox-gl-draw',
  //   '@phila/mapboard',
  //   '@phila/vue-comps',
  //   '@phila/vue-mapping',
  //   '@phila/vue-datafetch',
  //   // /other-dep/
  // ],
};