vue.config.js

const webpack = require('webpack');

module.exports = {
    runtimeCompiler: true,
    publicPath:'.',
    configureWebpack:{
      performance: {
        hints: false
      },
      optimization: {
        splitChunks: {
          chunks: 'async',
          minSize: 20000,
          maxSize: 0,
          minChunks: 1,
          maxAsyncRequests: 30,
          maxInitialRequests: 30,
          enforceSizeThreshold: 50000,
          cacheGroups: {
            defaultVendors: {
              test: /[\\/]node_modules[\\/]/,
              priority: -10,
              reuseExistingChunk: true,
            },
            default: {
              minChunks: 2,
              priority: -20,
              reuseExistingChunk: true,
            },
          },
        }
      },
      plugins: [
        new webpack.DefinePlugin({
          '__VUE_PROD_HYDRATION_MISMATCH_DETAILS__': JSON.stringify(false), 
        })
      ]
    }
  }