热更新时间过长大于10秒，调试时代码变的编译过

[k983551019]

热更新到 92%后就会停留很长时间

时间大于10s

还有使用debugger时 调试的代码变成了，我怀疑就是这个原因变慢的。但是不知道在哪里设置

[k983551019]

config 里写了下面的配置 ， 注释掉提升了速度， 但是下面的代码会影响到热更新吗

// chainWebpack: (config) => {
  //   config.optimization
  //     .runtimeChunk(false) // share the same chunks across different modules
  //     .splitChunks({
  //       chunks: 'async',
  //       name: 'vendors',
  //       maxInitialRequests: Infinity,
  //       minSize: 0,
  //       cacheGroups: {
  //         vendors: {
  //           test: (module: any) => {
  //             const packageName = getModulePackageName(module);
  //             if (packageName) {
  //               return ['bizcharts'].indexOf(packageName) >= 0;
  //             }
  //             return false;
  //           },
  //           name(module: any) {
  //             const packageName = getModulePackageName(module);

  //             if (['bizcharts'].indexOf(packageName) >= 0) {
  //               return 'viz'; // visualization package
  //             }
  //             return 'misc';
  //           },
  //         },
  //         ant_design_charts: {
  //           name: 'ant_design_charts',
  //           test: /[\\/]node_modules[\\/]@ant-design[\\/]/,
  //           chunks: 'async',
  //           priority: 10,
  //         },
  //         antv: {
  //           name: 'antv',
  //           test: /[\\/]node_modules[\\/]@antv[\\/]/,
  //           chunks: 'async',
  //           priority: 10,
  //         },
  //       },
  //     });
  // },

[IsDyh01]

根据图片上边可以看到92%时显示chunk assets optimization，这一般是压缩js和css代码阶段才会出现，可以看下是否是因为在开发环境开启了代码压缩，一般只会在生产才开启js和css的压缩。