如何摆脱客户端的 webpack 源代码？

Question

我在 pm2 服务器上部署了一个 node.js 应用程序，它使用 Nginx 为我的客户端代码提供服务。我的客户端源代码与 Webpack 捆绑在一起。它应该被缩小和混淆。但是当我 运行 我在客户端的应用程序并打开控制台日志 "source" 选项卡时，我可以看到混淆的源代码和位于 "top://Webpack" 目录下的 webpack 文件结构。

我不想向客户展示我的代码结构。我怎样才能摆脱浏览器上的 webpack 文件结构？

Answer 1

原始文件结构由sourcemaps提供。这很棒，因为允许您追溯生产代码中的错误。

这里有以下选项

• 通过设置 devtool: false Docs.
禁用源映射生成
• 不提供 *.map 文件，方法是删除它们或配置 nginx 不提供这些文件。

您可以阅读关于为什么这不是一个好主意的讨论 here