Question

我们的角度应用程序将在生产时嵌入到iframe中。在开发过程中，我们有一个文件host.html，它有一个iframe，其src是angular app的索引页面。我们可以“服务”，然后手动调出host.html，它运行正常。

但是，'ng serve -o'想要打开app索引文件;如何让它打开host.html呢？

Answer 1

所以我不认为angular cli支持使用-o选项打开任意页面，但您可以创建自己的npm脚本来执行您想要的操作。

尝试打开package.json并修改scripts部分以更新{em>（mac版）等start脚本：

"scripts": {
    "ng": "ng",

    // where localhost:4200 is your dev host and port, respectively
    "start": "ng serve && open http://localhost:4200/host.html",

    "build": "ng build",
    ...
  },

根据您使用的平台，脚本需要采用不同的方式编写：

// Windows
"start":"ng serve & start http://localhost:4200/host.html"

// Mac
"start":"ng serve && open http://localhost:4200/host.html"

// Linux 
"start":"ng serve && xdg-open http://localhost:4200/host.html"

然后，不要使用ng serve启动您的应用，而是使用npm start。

参考：使用this SO answer作为特定于平台的open命令。

Answer 2

打开 package.json 并编辑脚本部分以更新启动脚本。

另一种方法ng serve --open --port=any port no例如：ng serve --open --port=4216

如何启动'ng serve -o'来启动index.html以外的页面？

2 个答案: