javascript - 如何使用 Angular 4 禁用 Angular CLI 中的默认捆绑

Question

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

我无法在浏览器中看到要调试的 component.ts 文件。有什么办法可以禁用捆绑吗？ angular-cli 版本详情:

Answer 1

当您使用 CLI 执行 ng serve 时，它会默认创建 sourcemap 文件。这意味着，尽管源文件捆绑在一起，但您可以在调试器中查看原始源文件并逐步执行它们。 您可以在源选项卡下的 DevTools 文件夹 webpack://

中找到它们

如果你想像这样查看你的产品构建，你可以为 sourcemaps 添加标志 -sm。在产品构建中，默认情况下不会有源映射。

ng serve --prod -sm