vue-cli：为什么在 npm run build 后我在 Devtools 中看到非缩小的 javascript 代码？答案

【问题标题】：vue-cli: why do I see non-minificated javascript code in Devtools after npm run build?vue-cli：为什么在 npm run build 后我在 Devtools 中看到非缩小的 javascript 代码？
【发布时间】：2021-08-16 20:13:13
【问题描述】：

我有一个带有 Vuetify 的 Vue-cli 项目。 Dist 文件夹中的“npm run build”命令文件看起来像缩小的文件。但是在发布之后，我可以在 Chrome devtools 中看到未缩小的代码。错过了什么？

【问题讨论】：

Chrome 开发工具在哪里？ Chrome 可以在显示之前“美化”代码。检查网络标签/响应 1st
在 Sources 选项卡中，我看到了我的原始 vuex 模块文件。是因为我在 Vuex 中使用了模块吗？如果是这样，如何缩小它？

标签： vue.js webpack vuetify.js vue-cli

【解决方案1】：

在您的 dist 文件夹中，文件被组合成小型化，以便更有效地从服务器传递它们。

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

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

Using a source map

【讨论】：