reactjs - 是否建议从 ReactJS 生成的构建中删除 .map 文件？

Question

我正在 ReactJS 中开发大规模应用程序，并担心巨大的 构建大小问题 .

在ReactJS中生成build(Production Mode)后，我发现build size太大了，经过研究，我知道你可以删除源映射文件 (.map) 通过在 中进行以下配置package.json 文件。

 "postbuild": "rimraf build/**/*.map",

因此，我的构建大小减少了 80%，这让我非常高兴。

但是，我仍然怀疑，上述是否是最好的解决方案？

Answer 1

Source Maps 有助于在浏览器中调试您的包文件。它们在开发环境中很有用，但如果它们太重，通常最好不要将它们包含在生产环境中。

您可以在构建阶段本身禁用源映射生成。

如果您使用的是最新的 create-react-app , 在您的 webppack.config.prod改变这一行

const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';

到

const shouldUseSourceMap = false

并且您的 prod 构建文件将不包含源映射。

注意:你应该已经弹出你的 create-react-app 来访问你的 webpack 配置文件