什么是“.js.map”文件？

Question

我使用运行 webpack 的构建命令克隆了一个 repo，它生成了一个 index.js 和 index.map.js 文件。我假设 index.js 是所有代码的缩小版本，但是 index.map.js 是什么？

Answer 1

webpack.config.js 中的配置 devtool: 'source-map' 在您构建时生成了此文件。

为什么需要它？

您可以 运行 缩小 Javascript 或转译 Javascript 这对性能有好处，但在调试时不是特别有用。源映射是现代浏览器获取缩小代码 (js, css) 并允许我们在调试器中读取未缩小状态的代码的一种方式。

进一步阅读，

• Introduction to JavaScript Source Maps
• What is the purpose of source maps?

Answer 2

您在 webpack.config.js 文件中有 devtool: 'source-map'。

.map 文件是用于调试目的的源映射。我建议你阅读 source map 是什么。