vue.js - 将源地图发送到 Sentry 但将它们远离生产网站和应用程序的最佳方式

Question

我有一个基于网络的 Ionic Vue PWA 和基于网络的移动应用程序。最近我添加了 Sentry 并使用 Sentry webpack 插件将源地图上传到 Sentry。当 Vue/JavaScript 崩溃时，一切都很好，我得到了关于错误的正确行/列信息，但我注意到在基于 Web 的应用程序版本上，webpack 显示了整个 Vue 应用程序的源代码。我想防止这种情况发生。

这是我的工作流程：我提交到 github main，它启动了一个构建项目并最终部署到 Firebase 托管的 github 操作。我想我需要有两个动作，一个用于构建和发送到 Firebase，另一个用于构建和上传源地图。我还使用 Ionic AppFlow 部署到移动应用程序（iOS/Android），所以我想我也需要阻止 AppFlow 构建/发送源地图。

所以......我该怎么做？Github 操作和 AppFlow 都将事物视为“生产”模式。而且 AppFlow 不支持我所处的薪酬水平的环境变量。有没有办法让vue.config.js我可以拥有多个文件？

标签： vue.jswebpackgithub-actionssentrysource-maps