在 Angular CLI 之后提供缩小的文件 --prod



我使用 Angular CLI 的命令缩小了我的简单角度应用程序,它创建了一个包含项目文件夹和缩小文件的 dist 文件夹。然而,当我运行 ng serve 时,无论它是在根目录中还是在 dist/projectName 中,它都会服务器未缩小的开发文件。

我只想测试生产版本是否实际有效并且可以提供。我将如何做到这一点?

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

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

在我看来,您可以通过以下方式检查生产环境是否正常工作:

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

我能想到的一种替代解决方案是您也可以尝试使用命令ng serve --prod.我没有尝试过这种方法,因为我遵循了上一种方法。

希望这有帮助。

2 种方法:

1(使用IIS或类似方法自托管应用程序,只需将路径指向dist文件夹,这里有一个很好的教程。

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

记得

ng-serve不会最小化您的文件,它会按原样提供未压缩的文件并创建一个本地端口(4200(供您运行应用程序,但它永远不会为您压缩或最小化文件。

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

正如一条评论所解释的那样,打开dist文件夹中的index.html。 但是,如果有异步调用,我建议使用Web服务器执行此操作。

虽然ng serve为开发优化环境提供文件,但ng build --prod执行了许多优化,这些优化在开发阶段过于昂贵。

最新更新