npx vue-cli-service inspect --mode production，Vue CLI 项目中用于查看最终 Webpack 配置的调试命令
·
作用：
- 查看 Vue CLI 内部到底用了哪些 loader、plugin
- 确认是否启用了代码压缩、Tree Shaking、Gzip 等优化
- 调试构建问题（如为什么某个文件没被处理）
- 验证
vue.config.js中的自定义配置是否生效、
实际使用场景
场景 1：确认是否启用了 Gzip 压缩
如果你在 vue.config.js 中配置了 CompressionPlugin，运行此命令可检查插件是否被加入 plugins 数组。
场景 2：排查 CSS 未生效问题
查看 module.rules 中是否有 css-loader、postcss-loader，顺序是否正确。
场景 3：验证文件名是否含 hash
检查 output.filename 是否为 js/[name].[contenthash:8].js（生产环境应有 hash）。
场景 4：确认 Tree Shaking 是否启用
查看 optimization.usedExports 或 sideEffects 配置。
Agent 垂直技术社区，欢迎活跃、内容共建。
更多推荐
3
0- 0
已为社区贡献1条内容
所有评论(0)