ngrokモジュールを使ってpagespeed insight pluginのURLを提供できるようにgulpjsを設定するにはどうすればよいですか？

Question

これは私のcurrenyフォルダ構造です：

|
-dist | | -src
hereで提案されているように、私は、各モバイルおよびデスクトップ用の2つのタスクを作成し、私のgulpjsファイル内

を-gulpjs.js -

gulp.task('mobile', function() { 
    return ngrok.connect(4000, function (err, url) { 
    psi(url, { 
     nokey: 'true', 
     strategy: 'mobile', 
     }).then(function (data) { 
      console.log('Speed score: ' + data.ruleGroups.SPEED.score); 
      console.log('Usability score: ' + data.ruleGroups.USABILITY.score); 
     }); 
    }); 
}); 

gulp.task('desktop', function() { 
    return ngrok.connect(4000, function (err, url) { 
    psi(url, { 
      nokey: 'true', 
      strategy: 'desktop', 
     }).then(function (data) { 
      console.log('Speed score: ' + data.ruleGroups.SPEED.score); 
     }); 
    }); 
}); 

私は一口モバイルまたは一気デスクトップタスクを実行する

、それは私のログの速度スコアを与えるんが、私は、URLがSRCまたはdistのフォルダから生成されているかどうかわからないです。 私が欲しいものを達成するためのより良い方法はありますか（自分のローカル環境のために得点を求めたいですか？）

Answer 1

あなたはngrokであなたのdistフォルダにサービスを提供するためにswankを使用することができます働い

// 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'));