Angular:如何构建与ng服务创建的文件相同的文件

Question

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

Answer 1

不幸的是你不能，因为它ng serve在内存中工作并且不写入磁盘。

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