如何在Aurelia應用程序中禁用browsersync？

Question

我使用aurelia-cli創建了一個Aurelia應用程序。 我需要禁用browsersync選項以及它所生成的通知。 就像“連接到瀏覽器同步”一樣。 有什么辦法嗎？

Answer 1

當您構建用於生產的應用程序時，它將不包含瀏覽器同步。

而不是正常的

> au run --watch

您將使用

> au build --env prod

之后，您將需要通過傳統的Web服務器提供服務。 如果已正確捆綁，則只需要index.html和scripts文件夾。

Answer 2

就像開發者注意的那樣：

browsersync選項在localhost:3001可用（除非您更改了默認端口）

在那里，您可以執行以下操作，例如關閉本地運行的應用程序的所有實例的鏡像單擊和滾動（當您想在多個標簽/瀏覽器中打開本地應用程序中的兩條或更多條不同的路由時很有用）或監視所有路由的歷史記錄在您的本地應用中訪問過。

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();
    });
  }
);

這將禁用瀏覽器之間交互事件的同步。 至少對我來說，這通常是最煩人的部分。