我使用 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
执行了许多优化,这些优化在开发阶段过于昂贵。