如何在浏览器中将webpack://从源代码中移除

在浏览器中将webpack://从源代码中移除的方法有以下几种：

1. 使用webpack的SourceMap选项：在webpack配置文件中，可以通过设置devtool选项来控制是否生成SourceMap文件。SourceMap文件包含了源代码与编译后代码之间的映射关系，可以在浏览器中调试时使用。如果不需要在浏览器中调试源代码，可以将devtool选项设置为false或者none，这样就不会生成SourceMap文件，从而避免在浏览器中看到webpack://的源代码路径。
2. 使用webpack的插件：可以使用webpack的插件来移除源代码中的webpack://路径。例如，可以使用webpack-remove-debug插件来移除源代码中的调试代码和路径信息。该插件会在打包过程中自动移除源代码中的调试代码和路径信息，从而避免在浏览器中看到webpack://的源代码路径。
3. 使用webpack的externals选项：可以通过配置webpack的externals选项来排除某些模块不被打包进最终的输出文件中。如果源代码中引入了webpack相关的模块，可以将这些模块配置为externals，从而避免在浏览器中看到webpack://的源代码路径。
4. 使用webpack的插件UglifyJS：UglifyJS是一个用于压缩和混淆JavaScript代码的工具，可以通过配置UglifyJS插件来移除源代码中的调试代码和路径信息。该插件会在打包过程中自动移除源代码中的调试代码和路径信息，从而避免在浏览器中看到webpack://的源代码路径。

需要注意的是，以上方法仅适用于在开发环境中移除webpack://路径，而在生产环境中，为了保护源代码的安全性，建议不要将源代码暴露在浏览器中。在生产环境中，应该将源代码进行打包和压缩，只将编译后的代码部署到服务器上。