如何使用Angular 4禁用角度CLI中的默认捆绑

Question

我是webpack和angular-cli的新手。我的问题是，当我使用angular-cli创建一个Angular 4项目时，一切都可以正常使用ng-serve，但默认情况下所有内容都会捆绑在一起。 Web包捆绑信息：

我无法在浏览器中看到要调试的component.ts文件。有没有办法禁用捆绑？ angular-cli版本详细信息：

Answer 1

使用CLI执行ng serve时，默认情况下会创建源映射文件。这意味着，虽然源文件捆绑在一起，但您可以在调试器中查看原始源文件并逐步执行它们。 您可以在DevTools的Sources选项卡下找到它们，文件夹webpack：//

如果您想要像这样查看您的prod构建，可以为sourcemaps添加标志-sm。在prod构建中，默认情况下不会有源图。

ng serve --prod -sm

Answer 2

是的，您也可以从开发人员工具选项中启用和禁用此功能 转到设置（按F12然后按F1）。在源下，您可以启用和禁用源映射。在部署时，您不会放置映射文件，因此不会下载。 Developer tool settings

Answer 3

使用以下构建命令隐藏源代码选项卡

下的源代码

ng build --no-sourcemap（开发环境）

ng build --env=prod --no-sourcemap（制作环境）