webpack-optimization

Time:2022-11-25

Generally, tools are used to visualize and analyze the points that can be optimized
E.g:webpack-bundle-analyzer
Analyze the points of priority and key optimization

  • Minify the build target: exclude include For example, exclude – node-modules include src below
    Optimize packaging speed:
  • tree-shaing code removal without packaging
  • splitChunkPlugin splits large files to improve packaging speed
  • Compress css, js, image, etc., configure the response Loader, plugin to compress the code
  • sourceMap production environment closed