webpack打包优化

1.使用webpack-bundle-analyzer查看打包之后的js包大小 然后改成线上地址等等方式优化打包之后的大小
2.通过配置externals把插件改成网络地址,优化打包速度
3.ui组件按需导入
4.路由按需导入、默认地址直接导入的方式
5.去掉map文件
6.代码压缩(在configureWebpack使用函数然后进行开发和生产环境的区分、不然开发环境会比较卡)
7.通过删除Preload提升首屏加载速度,但是导致后续页面加载变慢
8.安装npm i -D uglifyjs-webpack-plugin 然后生产环境删除console
9.安装npm install image-webpack-loader --save-dev进行图片压缩

posted @ 2022-06-21 16:26  莣ㄋ噯  阅读(132)  评论(0)    收藏  举报