本文主要是介绍vue外卖二十六:打包并生成报告以优化代码库【完结】,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一、打包并生成报告命令
vue 脚手架提供了一个用于可视化分析打包文件的包 webpack-bundle-analyzer和配置命令如下:
完成后会在根目录下生成一个build文件夹,即打包文件
npm run build --report
之后会生成一个报告:可查看哪些包比较大,从而进行修改,如下图,面积越大说明对应库体积较大,可进行换库,或其它优化操作;
这篇关于vue外卖二十六:打包并生成报告以优化代码库【完结】的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!