如何在Aurelia应用程序中禁用browsersync?

时间:2016-12-01 05:05:38

标签: javascript aurelia browser-sync

我使用aurelia-cli创建了Aurelia应用程序。 我需要禁用browsersync选项以及它生成的通知。就像“连接到浏览器同步”一样。 有没有办法做到这一点?

3 个答案:

答案 0 :(得分:2)

在构建生产应用程序时,它不会包含浏览器同步。

而不是正常的

> au run --watch

您将

使用

> au build --env prod

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

答案 1 :(得分:0)

正如开发人员所说:

browsersync选项在localhost:3001处可用(除非您更改了默认端口)

在那里你可以做一些事情,比如在本地运行的应用程序的所有实例中关闭镜像点击和滚动(当你想在多个标签/浏览器中的本地应用程序中打开两个或更多不同的路线时有用)或监视历史记录您在本地应用中访问过的所有路线。

答案 2 :(得分:0)

您还可以在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();
    });
  }
);

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

相关问题