东莞网站优化平台,制作商务网站,如何做一个网页界面,网站怎么设置qqwebpack-bundle-analyzer 是一个可视化资源分析工具#xff0c;可以直观地分析打包出的文件有哪些#xff0c;及它们的大小、占比情况、各文件 Gzip压缩后的大小、模块包含关系、依赖项等。
从vue-cli官方的更新记录可以看到#xff0c;从vue-cli3开始集成report命令 当前环…webpack-bundle-analyzer 是一个可视化资源分析工具可以直观地分析打包出的文件有哪些及它们的大小、占比情况、各文件 Gzip压缩后的大小、模块包含关系、依赖项等。
从vue-cli官方的更新记录可以看到从vue-cli3开始集成report命令 当前环境 直接运行npm run --reoprt如下 发现并没有生成相应的report报告文件 经过一番原因查找发现是npm命令的问题 解决办法执行命令npm run build -- --report dist目录下生成report.html文件完美解决 在浏览器打开report.html就可以看到项目各个文件的大小
