在使用ng build时，为什么在chrome中没有出现webpack://

在使用ng build时，为什么在chrome中没有出现webpack://？

webpack:// 是webpack打包工具生成的一个特殊协议，用于在浏览器中调试和查看源代码。当使用ng build命令构建Angular项目时，默认情况下是不会生成webpack:// 协议的。

在Angular项目中，使用ng build命令会将项目源代码编译成静态文件，并生成一个名为dist的目录，其中包含了构建后的文件。这些文件可以通过服务器进行访问，但不会直接在浏览器中显示webpack:// 协议。

如果你希望在chrome中看到webpack:// 协议，可以尝试以下方法：

1. 使用ng build --source-map命令构建项目，该命令会生成源映射文件（source map）。源映射文件是一种将编译后的代码映射回原始源代码的文件，可以在浏览器中进行调试。在生成的dist目录中，你可以找到一个名为main.js.map的文件，该文件包含了源映射信息。将该文件与编译后的代码一起部署到服务器上，并在浏览器中打开开发者工具，你将能够看到webpack:// 协议。
2. 使用ng serve命令启动开发服务器，该命令会在本地启动一个开发服务器，并将项目源代码编译成临时文件。在浏览器中打开开发者工具，你将能够看到webpack:// 协议。

需要注意的是，以上方法只适用于开发环境，生产环境下的构建结果不会包含webpack:// 协议。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
• 腾讯云移动开发（Mobile）：https://cloud.tencent.com/product/mobile