为什么使用webpack在源代码中显示原始源代码？以及如何禁用它？

Question

我使用Facebook的'create-react-app'模板来创建我的项目,在我将其部署到服务器之后,我发现我可以通过以下方式查看源代码:

Chrome > Console > Sources > webpack://

这有可能禁用它吗？谢谢.

Answer 1

1. create-react-app通过运行弹出你的npm run eject
2. 打开/config/webpack.config.prod.js
3. 删除或注释掉第 53 行，其中包含devtool: 'source-map',
4. 再次构建并部署您的应用程序

具有讽刺意味的是，承认在生产中生成源映射的注释/config/webpack.config.prod.js“很慢，但给出了良好的结果”。我不确定好的结果意味着什么，但这就是你的解决办法。