在Angular CLI之后提供压缩文件--Prod

Question

我已经使用Angular CLI的命令缩小了我的简单angular应用程序，它创建了一个dist文件夹，其中包含项目文件夹和缩小的文件。但是，当我运行ng serve时，无论它位于根目录还是dist / projectName中，它都将服务于未缩小的开发文件。

我只想测试正式版是否可以正常使用和投放。我将如何去做？

Answer 1

据我了解，dist文件夹中的压缩文件仅用于部署，这意味着您可以通过打开index.html文件直接执行此代码，并且您的应用程序将正常运行。

另一方面，如果您运行ng serve，则无论缩小大小，它肯定会在应用程序中获取未缩小的文件。

据我所见，您可以检查生产环境是否按以下方式工作：

执行命令ng build --prod。这将在dist文件夹中构建所有缩小的文件。然后转到dist文件夹，并在浏览器中打开index.html而不执行ng serve。这将加载您的应用程序的生产版本。

我想到的另一种解决方案是，您也可以尝试使用命令ng serve --prod进行投放。我没有像以前那样尝试这种方法。

希望这会有所帮助。

Answer 2

为您提供2种方法：

1）使用IIS或类似工具自托管应用程序，只需将路径指向dist文件夹，就有一个不错的教程here。

2）打开由ng-build --prod命令创建的index.html文件并进行测试。

记住

ng-serve不会最小化您的文件，它会以未压缩的文件形式提供服务，并为您运行应用程序创建一个本地端口（4200），但不会为您压缩或最小化这些文件。

正确缩小文件的唯一方法是使用ng-build --prod --build-optimizer

Answer 3

正如一条评论所述，打开index.html文件夹中的dist。 但是，如果有异步调用，我建议您使用网络服务器进行此操作。

ng serve为开发优化的环境提供文件时，ng build --prod进行了很多优化，这在开发阶段太昂贵了。