vue-cli:为什么我在 npm 运行 构建后在 Devtools 中看到非缩小的 javascript 代码?

vue-cli: why do I see non-minificated javascript code in Devtools after npm run build?

我有一个使用 Vuetify 的 Vue-cli 项目。在“npm 运行 build”命令之后,Dist 文件夹中的文件看起来像缩小的文件。但发布后我可以在 Chrome devtools 中看到非缩小代码。错过了什么?

在您的 dist 文件夹中,文件经过精简组合,以提高从服务器传送它们的效率。

在此文件旁边,您将看到一个 *.map 文件。这是源地图。这是一个从转换后的源映射到原始源的文件,使浏览器能够重建原始源并在调试器中呈现重建的原始源(在您的示例中 Chrome 开发工具)。

您可以按照 vue-cli 中的说明关闭此选项 docs 默认设置为 true

Using a source map