webpack优化

1.静态缓存[hash][contenthash] [name] [ext]
2.按需加载
import().then()
treeshake摇树
@babel/plugin-syntax-dynamic-import
(导入某组件，只加载组件相关的代码)

3. prefetch提前加载
   4.分割代码splitChunks 当代码是外部插件，会被打包成一个统一 的包，当包比较大的时候还会分割包
   5.压缩html
   html-webpack-plugin .
   压缩CSS
   MiniCssExtractPlugin
   optimize-css-assets-webpack- plugin
   压缩js.
   UglifyjsWebpackPlugin
   压缩图片和文件
   url-loader base64
   image-webpack-loader压缩图片