vue.js - 构建的 Vue 应用程序允许 Webpack 查看源代码

Question

我最近使用以下命令构建了我的 Vue 应用程序：

npm run build

文件已构建并放置在dist文件夹中的位置。

我在 Environment.vue 文件中包含了一个console.log('Special log')，因为我需要检查生产环境中的某些内容。

在 devtools 中，显示了 console.log：

Special log Environment.vue: 101

令我惊讶的是，当我单击该Environment.vue: 101日志时，会显示该Environment.vue文件的完整源代码。

我已经仔细检查了 dist 文件夹，但没有看到 Environment.vue 文件。

当我将鼠标悬停Environment.vue在控制台中时，我看到以下内容：

webpack:///src/views/Environment.vue:101

当部署的应用程序已经来自 build (dist) 文件夹时，我不确定为什么要显示文件的源代码。

有人遇到过这样的问题吗？

谢谢，

标签： vue.jswebpack