1. htmlwebpackplugin 自动生成html
2. SplitChunksPlugin 代码分割，打包时单独将公共模块提取成一个bundle，比如node-module这种不常使用的包，加快页面渲染速度，
3.import 模块动态导入（懒加载）以及预加载，预获取
4.别名，加快打包时文件的查询速度，extenals，减小打包时的范围（加快打包速度）
5.loader,设置转义文件的范围目录（exclude，include），babelloader开启缓存。
6.tree-shaking，打包时去掉无用的代码
7.多进程打包
8.开启代码压缩。
9.生产环境关闭sourmap配置，不生产map文件
vite
Vite是基于esbuild预构建依赖
基于请求的模块实时编译，浏览器支持es-module语法，根据依赖的模块去请求新的
vue2项目 webpack4.x加快打包速度安装插件‘hard-source-webpack-plugin’
const HardSourceWebpackPlugin = require('hard-source-webpack-plugin');
配置：config.plugin('HardSourceWebpack').use(HardSourceWebpackPlugin);
加快项目构建运行速度
优化前
优化后
当前项目体积计算提效：平均每天10次启动项目，节约时间130秒，假设团队十个人工节约时间20分钟。节省时间80%。随着团队规模，项目体积增长，提效越明显
