在 Vue 项目中，如果想调整构建产物（打包后生成文件）的输出路径，应该通过哪个配置项来实现？请说明具体步骤。
考察说明
考查对 Vue 构建配置中输出路径设置的理解。
回答思路
- 【回答框架 1】在 Vue 2 中，通过 vue.config.js 中的 publicPath 配置项可以设置打包后文件的公共路径，它影响 index.html 中引用的资源路径。
- 【回答框架 2】在 Vue 3 中，同样使用 publicPath 配置，但建议设置为相对路径 './' 以避免部署到子路径时资源加载失败。
- 【回答框架 3】如果调整的是输出的目录结构，需要修改 outputDir 配置项，默认是 'dist'，可改为其他目录。
- 【回答框架 4】具体步骤：在项目根目录创建或修改 vue.config.js 文件，导出对象并设置 publicPath 和 outputDir。
- 【回答框架 5】配置示例：module.exports = { publicPath: './', outputDir: 'my-dist' }，然后重新执行 npm run build 即可生效。
- 【关键点 1】publicPath 控制资源引用的公共路径，outputDir 控制输出目录。
- 【关键点 2】修改配置后需重新构建，不能直接影响已打包文件。
- 【关键点 3】publicPath 设为 './' 可兼容子目录部署。
- 【易错点 1】不要混淆 publicPath 与 outputDir，两者作用不同。
- 【易错点 2】若修改 publicPath 为绝对路径，可能导致部署环境变化时资源404。