源映射已经过时了？为什么Hey-Cli默认禁用打包配置？

随着代码量的增加，我们需要对代码进行压缩以缩减体积，加快加载速度。 然而，代码压缩后进行调试定位将变得困难，于是引入 sourcemap 来记录压缩前后的位置信息，当产生错误时，直接定位到未压缩前的位置，这将大大方便我们的调试。

sourcemap 是一个将编译后的JavaScript代码映射回原始源代码的文件。当你在浏览器中运行压缩后的代码时，sourcemap可以帮助你看到错误和警告在原始源代码中的位置，而不是在压缩后的代码中。

Hey-Cli 是一个前端项目构建工具，它默认情况下禁用源映射，有人可能会感到惊讶，为什么Hey-Cli会禁用源映射呢？

1.源映射的优点和缺点

源映射有许多优点，包括：

• 它可以帮助您在压缩后的代码中调试错误和警告。
• 它可以帮助您了解压缩后的代码是如何从原始源代码生成的。
• 它可以帮助您重构代码，而不必担心破坏压缩后的代码。

然而，源映射也有一些缺点，包括：

• 它会增加项目构建时间。
• 它会增加项目的构建产物大小。
• 它可能会泄露敏感信息，例如API密钥或密码。
• 它可能会影响代码的性能。

2.源映射是如何工作的？

当您使用Hey-Cli构建项目时，它会自动生成一个源映射文件。该文件包含压缩后的代码和原始源代码之间的映射信息。当您在浏览器中运行压缩后的代码时，浏览器会加载源映射文件，并使用它来显示错误和警告在原始源代码中的位置。

3.为什么Hey-Cli默认禁用源映射？

Hey-Cli默认禁用源映射，因为源映射存在一些缺点，包括：

• 构建时间更长 ：生成源映射需要额外的处理时间，这会增加构建项目的总时间。
• 构建产物更大 ：源映射文件包含压缩后的代码和原始源代码之间的映射信息，这会增加项目的构建产物大小。
• 泄露敏感信息 ：源映射文件可能会泄露敏感信息，例如API密钥或密码。
• 影响代码性能 ：源映射文件可能会影响代码的性能，因为浏览器需要在运行时加载和解析它。

4.何时使用源映射？

如果您正在开发一个新的项目，并且您不担心构建时间和构建产物大小，那么您可以启用源映射。如果您正在开发一个生产项目，并且您担心构建时间和构建产物大小，那么您可能需要禁用源映射。

如果您需要在生产环境中使用源映射，您可以使用一些技术来减少源映射文件的大小，例如：

• 使用增量构建 ：增量构建只重新构建已更改的文件，这可以减少源映射文件的大小。
• 使用source-map-explorer插件 ：source-map-explorer插件可以帮助您可视化源映射文件，并查找可能泄露敏感信息的部分。

5.总结

源映射是一个非常有用的工具，可以帮助您在压缩后的代码中调试错误和警告。然而，源映射也存在一些缺点，包括增加构建时间、增加构建产物大小、泄露敏感信息和影响代码性能。Hey-Cli默认禁用源映射，因为源映射存在一些缺点，但如果您需要在生产环境中使用源映射，您可以使用一些技术来减少源映射文件的大小。