在构建之后服务和测试捆绑

时间:2017-04-27 11:48:03

标签: angular-cli

在我使用ng build --prod --aot构建捆绑包后,我想快速在本地提供服务。有没有办法使用@ angular / cli?

在本地快速提供/dist目录

我尝试cd dist && ng serve,但dist命令运行后ng serve消失。

3 个答案:

答案 0 :(得分:12)

http-server是我使用的,效果很好。

安装:

npm install -g http-server

cd进入您的dist文件夹,输入http-server,然后输入。或者,在应用程序构建成功后,只需在命令行执行http-server .\dist

打开浏览器,然后转到http://127.0.0.1:8080

更多信息:https://www.npmjs.com/package/http-server

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

或者,除了简单地查看应用程序是否运行(冒烟测试)之外,还有其他内容吗?

答案 1 :(得分:2)

以下为我们完成了窍门:

ng serve --configuration production 

如果以这种方式运行Angular开发服务器,则使用生产配置,您可以观察结果。

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

ng build --configuration production

答案 2 :(得分:1)

要测试易于构建的角度应用程序,我使用此angular-http-server

要安装它,您可以

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

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