javascript - 一个很老的vue2项目，大佬们可以帮忙看看是什么问题吗？

Question

vue.config.js中配置了sourcemap后，热启动会变得非常慢，而且会闪过好几串乱码

configureWebpack: {    devtool: 'source-map'  },

Answer 1

1. 热启动变慢是正常的；
2. 中间闪过的不是乱码而是你的 svg 文件内容。

Answer 2

回答：

在 Vue 项目中，将 devtool 设置为 'source-map' 会生成完整的 source map，这对于调试是非常有帮助的。然而，source map 会增加打包后的文件大小，并且生成 source map 的过程也会相对较慢，这就是导致热启动变慢的原因。

至于你提到的“闪过好几串乱码”，这可能是由于某些工具或浏览器在处理 source map 时出现的问题。source map 本身包含了原始代码的位置信息，但有时候在显示时可能会出现编码问题或解析错误，导致出现乱码。

为了解决这个问题，你可以尝试以下几种方法：

1. 调整 devtool 的值：如果你不需要完整的 source map，可以考虑将 devtool 的值设置为 'inline-source-map' 或 'cheap-module-eval-source-map'。这些选项会生成更小的 source map，同时仍然能够提供一些调试信息。

configureWebpack: {    devtool: 'inline-source-map' // 或者 'cheap-module-eval-source-map'},

2. 检查浏览器控制台：打开浏览器的开发者工具，查看控制台是否有与 source map 相关的错误或警告。这可能会帮助你找到乱码问题的根源。
3. 更新依赖：确保你的项目依赖（如 Vue、webpack 等）都是最新版本。有时候，老版本的依赖可能存在已知的问题或缺陷。
4. 使用其他工具：如果问题仍然存在，你可以考虑使用其他工具来调试，如 Vue Devtools、Chrome DevTools 等。这些工具提供了丰富的调试功能，可能能够帮助你找到问题的根源。

希望这些建议能够帮助你解决问题！如果问题仍然存在或有其他疑问，请随时提问。