angular-cli - 如何获得 'ng serve -o' 以启动 index.html 以外的页面？

Question

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

但是，'ng serve -o' 想打开应用程序索引文件；我如何让它打开host.html？

Answer 1

所以我认为 angular cli 不支持使用 -o 打开任意页面选项，但您可以自己制作 npm脚本可以做你想做的事。

尝试开通 package.json并编辑 scripts部分更新 start像这样的脚本(mac版):

"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命令。