在Angular2中使GhostMode为假-英雄之旅示例

Question

我为我的一个 POC 引用了 ng2 文档。在快速启动中，它要求我们从 git 位置下载代码和项目结构。它使用 lite-server 作为服务器来运行应用程序。谁能帮助我在哪里可以找到可以设置 BrowserSync 选项的 lite 配置文件。我只想禁用 Ghostmode，即将其设置为 false，以便使用相同的 URL 同时在多个浏览器中处理我的应用程序时没有问题！！

有人可以帮我解决这个问题吗？

以下是我所指的链接 - https://angular.io/docs/ts/latest/tutorial/toh-pt1.html

提前非常感谢:)

Answer 1

只是回答我自己的问题，因为我经过更多研究后发现它！

对我来说示例中没有 ghostMode 的应用程序 - 英雄之旅或任何类似的应用程序 (https://angular.io/docs/ts/latest/tutorial/toh-pt1.html)

我们只需要将 ghostMode 的值设置为 false。通常情况下，这是在 bs-config.js 中设置的。如果没有创建 bs-config.js 文件，它会选择浏览器同步包 default-config.js 的命令。 当我们安装 browser-sync 包时，这个 js 文件将被创建，它将为 browser-sync 设置默认值。

文件位置：node_modules/browser-sync 文件名：default-congif.js

要改变的价值 - 默认值：

ghostMode: {
        clicks: true,
        scroll: true,
        forms: {
            submit: true,
            inputs: true,
            toggles: true
        }
    },

改为：

ghostMode: false,

重建应用程序，您就可以在没有 ghostMode 的情况下运行应用程序了。

快乐编码:)

Answer 2

我四处寻找工具，发现了几个链接：Github issue as an example file、lite-server config description

从两个链接收集的简短信息转储

lite-server 在运行时会读取一个名为 bs-config.json 的配置文件。你可以传入带有-c标志的命令行参数来指定你想从哪里读取配置文件。

当你有这个工作时，你可以在配置文件中设置一个选项。它看起来像这样："ghostMode": true/false.
将此设置为 false 将禁用 ghostmode 运行。

所以这对你特别是@phalgun 意味着你想要像这样从你的 package.json 调用 lite 服务器：

"lite": "lite-server -c path/to/bs-config.json"

在 bs-config.json 中，你会想在某个地方有这个：

"ghostMode": false