如何在 Aurelia 应用程序中禁用浏览器同步？

Question

我使用 aurelia-cli 创建了一个 Aurelia 应用程序。我需要禁用 browsersync 选项以及它生成的通知。像"Connected to browser sync"那样。有什么办法吗？

Answer 1

当您构建用于生产的应用程序时，它不会包括浏览器同步。

而不是正常的

> au run --watch

您将使用

> au build --env prod

之后，您需要通过传统的 Web 服务器提供您的应用程序。如果您已正确捆绑它，则只需要 index.html 和您的脚本文件夹。

Answer 2

正如开发者旁注：

browsersync 选项在 localhost:3001 可用（除非您更改了默认端口）

在那里你可以做一些事情，比如在你的本地运行应用程序的所有实例中关闭镜像点击和滚动（当你想在多个 tabs/browsers) 或监控您在本地应用程序中访问过的所有路线的历史记录。

Answer 3

您也可以在aurelia_project/tasks/run.js中禁用幽灵模式。

只需将 ghostMode: false 添加到 browserSync 配置。

let serve = gulp.series(
  build,
  done => {
    browserSync({
      online: false,
      open: false,
      port: 9000,
      logLevel: 'silent',
      ghostMode: false,
      server: {
        baseDir: ['.'],
        middleware: [historyApiFallback(), function(req, res, next) {
          res.setHeader('Access-Control-Allow-Origin', '*');
          next();
        }]
      }
    }, function(err, bs) {
      let urls = bs.options.get('urls').toJS();
      log(`Application Available At: ${urls.local}`);
      log(`BrowserSync Available At: ${urls.ui}`);
      done();
    });
  }
);

这将禁用浏览器之间交互事件的同步。至少对我来说，这通常是最烦人的部分。

如何在 Aurelia 应用程序中禁用浏览器同步？

How to disable browsersync in Aurelia application?

javascript

browser-sync

aurelia