Javascript 如何配置gulpjs，使得ngrok模块可以用于为pagespeed insight插件提供url服务？

这是我的curreny文件夹结构：

|-src
|-dist
|-gulpjs.js

在我的gulpjs文件中，我分别为移动和桌面创建了两个任务，如中所示-

当我运行gulp mobile或gulp desktop任务时，它会在日志中给我速度分数，但我不确定url是从src还是dist文件夹生成的。 有没有更好的方法来实现我想要的（我想要本地环境的pagespeed评分）？

您可以使用ngrok为您的dist文件夹提供服务：

// Serve dist folder
gulp.task('serve', function(cb){
    swank({
        watch: false,
        path: 'dist',
        log: false,
        port: 4000
    }).then(function(s){
    console.log('Server running: '+s.url);
    cb();
  });
});

// PageSpeed task
gulp.task('psi-mobile', function() {
   return ngrok.connect(4000, function (err_ngrok, url) {
     console.log(('ngrok'), '- serving your site from', (url));
     pageSpeed.output(url, {
       strategy: ['mobile'],
       threshold: 80
     }, function (err_psi, data) {
       if (err_psi) {
         log(err_psi);
         process.exit(1);
      }
      process.exit(0);
    });
  });
});

// Run PSI on tunnel URL
gulp.task('mobile', gulpSequence('serve', 'psi-mobile'));

您可以使用ngrok为您的dist文件夹提供服务：

// Serve dist folder
gulp.task('serve', function(cb){
    swank({
        watch: false,
        path: 'dist',
        log: false,
        port: 4000
    }).then(function(s){
    console.log('Server running: '+s.url);
    cb();
  });
});

// PageSpeed task
gulp.task('psi-mobile', function() {
   return ngrok.connect(4000, function (err_ngrok, url) {
     console.log(('ngrok'), '- serving your site from', (url));
     pageSpeed.output(url, {
       strategy: ['mobile'],
       threshold: 80
     }, function (err_psi, data) {
       if (err_psi) {
         log(err_psi);
         process.exit(1);
      }
      process.exit(0);
    });
  });
});

// Run PSI on tunnel URL
gulp.task('mobile', gulpSequence('serve', 'psi-mobile'));