Vue项目优化
在平时的vue开发项目中,性能优化是必不可少的,一般来讲除了在Chrome调试工具performance可以在网页加载时准确定位到加载缓慢的代码段或者资源,我们也可以对打包好的代码进行可视化分析 (查看哪个包比较占用空间),从而做到精确定位到需要优化的模块。
方法一:在线调试(webpack-bundle-analyzer)
- 首先安装webpack插件
npm i webpack-boundle-analyzer -D
或者 npm i webpack-boundle-analyzer --save-dev
- 插件安装完成后就可以在vue.config.js 文件中配置:
module.exports