前端学习（2737）：研读 Vue 电商网站第48章 包括创建与优化商品详情页

在打包过程中，请注意识别潜在的问题。

请在打包时选择适当的工具以实时生成报告。

目前有三种方法可以实现这一目标。

① 通过命令行参数的形式生成报告

Javascript

||

 // 通过 vue-cli 的命令选项可以生成打包报告

 // --report 选项可以生成 report.html 以帮助分析包内容
 vue-cli-service build --report

② 通过可视化的UI面板直接查看报告（推荐 ）

在可视化界面的用户交互（UI）面板中，在线操作者可以通过操作台和数据评估面板进行操作，并且能够直观地识别出项目中的各种问题。

通过 vue.config.js 修改 webpack 的默认配置

通过 vue-cli 3.0 工具生成的项目，默认隐藏了 webpack 的配置参数，其主要目的就是为了屏蔽项目的配置过程，并且让程序员能够将工作重点集中在具体功能和业务逻辑的实现上。

为了使程序员能够修改webpack默认配置，在项目根目录中应建立或设置一个vue.config.js文件，并为此进行特定的配置设置。

（具体配置参考https://cli.vuejs.org/zh/config/#vue-config-js）。

Javascript

||