webpack/webpack

Hi !

We go from 4 to 5 webpacks, everything seems to work out, but there is a problem with the code splitting, namely with the packages of antd screens I attach the file next.config.js

Webpack 4:
img - 1

Webpack 5:
img - 2

Can you please tell me how to make the formation of packages as it was before, so that the webpack does not drag everything into one file _app.js ?

My config:
```const path = require('path');
const webpack = require('webpack');

const withBundleAnalyzer = require('@next/bundle-analyzer')({
enabled: process.env.ANALYZE === 'true',
});
const FilterWarningsPlugin = require('webpack-filter-warnings-plugin');
const { withSentryConfig } = require('@sentry/nextjs');
const withAntdLess = require('next-plugin-antd-less');

let CONFIG;

try {
CONFIG = require('./etc/config');
} catch (e) {
console.error(
'Create config from one of examples. See /etc/ dir and copy one of .dev, .test or .prod config file for config.js!',
);
throw new Error(e);
}

const SentryWebpackPluginOptions = {
dryRun: true,
};

const themeVariables = require('./src/.......').antDLessVars;

const config = withSentryConfig(
withBundleAnalyzer(
withAntdLess({
typescript: {
ignoreBuildErrors: true,
},

  productionBrowserSourceMaps: false,
  trailingSlash: true,
  serverRuntimeConfig: CONFIG.SSR,
  publicRuntimeConfig: CONFIG.CLIENT,

  modifyVars: themeVariables,
  webpack: (config, { isServer, buildId }) => {
    config.plugins.push(
      new webpack.DefinePlugin({
        'process.env.SENTRY_RELEASE': JSON.stringify(buildId),
        'process.env.IS_CLIENT': JSON.stringify(!isServer),
        'process.env.IS_SERVER': JSON.stringify(isServer),
        'process.env.IS_DEV': JSON.stringify(process.env.NODE_ENV),
        'process.env.IS_DOCKER': JSON.stringify(process.env.IS_DOCKER),
      }),
      // new AntdDayjsWebpackPlugin(),
      new FilterWarningsPlugin({
        exclude: /mini-css-extract-plugin[^]*Conflicting order between:/,
      }),
    );

    if (isServer) {
      const antStyles = /antd\/.*?\/style.*?/;

      config.module.rules.unshift({
        test: antStyles,
        use: 'null-loader',
      });
    } else {
      config.plugins.push(new webpack.IgnorePlugin(/^(elastic-apm-node)$/));
    }

    config.resolve.alias['@ant-design/icons/lib/dist$'] = path.join(__dirname, 'icons.js');

    config.module.rules.unshift({
      test: /\.svg$/,
      use: ['@svgr/webpack', 'url-loader'],
    });

    return config;
  },
}),

),
SentryWebpackPluginOptions,
);
module.exports = config;
```