vue脚手架 使用 --report 查看打包后文件的大小占比

有的时候 打包完了之后 我们想看看各个文件的大小占比  一个一个翻着看确实比较麻烦 

cli给我们提供了一个比较人性化的 办法

在package.json文件中 在   build 后面加上一个 --report

"build": "vue-cli-service build --report",

这样打包完成之后会给我们生成一个 report.html文件  

我们打开文件之后 就会看到一个可视化的 文件占比 很有用 根据那个文件占比比较大 我们可以对那个文件进行优化操作 

很好的一个功能