javascript - Angular:如何构建与 ng serve 创建的文件相同的文件

Question

我正在优化我的 Angular 应用程序并使用 webpack-bundle-analyzer 检查包的大小。当我运行 ng build --stats-json 时，它会创建 bundle.js 文件并创建一个 webpack-bundle-analyzer 解析的 json 文件。这按预期工作，但是有没有一种方法可以构建 Angular 应用程序而无需 ng build 执行的优化，即获取与 ng serve 生成的文件相同的文件。我想要这个是因为我的应用程序非常大，在开发时重新加载它需要 15 秒。所以我也希望能够检查这些文件。

Answer 1

很遗憾，您不能，因为 ng serve 在内存中工作，不会写入磁盘。

作为解决方法，您可以使用浏览器的调试器或访问/webpack-dev-server 路径下的开发服务器(即，如果您在端口 4200 上运行 angular，请转到 http://localhost:4200/webpack-dev-server)。