在 ng build 后提供和测试包

Question

在我使用

ng build --prod --aot

构建捆绑包后，我想快速在本地提供服务。有没有办法使用 @angular/cli 在本地快速提供

/dist

目录？

我尝试

cd dist && ng serve

但运行

dist

命令时

ng serve

消失了。

Answer 1

http-server

是我用的，效果很好。

安装：

npm install -g http-server

cd

进入您的 dist 文件夹，输入

http-server

，然后输入。或者，在应用程序构建成功后，只需在命令行中执行

http-server .\dist

即可。

打开浏览器，然后转到

http://127.0.0.1:8080

我在所有开发机器上使用它来运行构建的 ng 应用程序。

或者，除了简单地查看您在此寻找的应用程序是否运行（冒烟测试）之外，是否还有更多内容？

Answer 2

为了测试轻松构建的角度应用程序，我使用这个

angular-http-server

要安装它，你可以这样做

npm install -g angular-http-server
cd /path/to/site/dist/site
angular-http-server

如果您需要更多信息，您可以查看软件包 npm 页面 angular-http-server

Answer 3

以下方法为我们解决了问题：

ng serve --configuration production

如果以生产配置的方式运行 Angular 开发服务器，您可以观察结果。

我们还遇到，在构建生产应用程序时，--prod标志还不够，我们需要将--configuration选项显式设置为生产以引用正确的配置文件。：

ng build --configuration production

Answer 4

这非常简单，您应该位于

index.html

所在的目录中，即我的 my-app 文件夹中有

index.html

，然后

cd dist/my-app

然后在该目录中运行以下任一命令

http-server
angular-http-server

如果您还没有安装其中任何一个，请通过安装其中一个

npm install -g http-server
npm install -g angular-http-server