動機
ローカルでWordPressなどの環境を作るのが面倒なので、サーバーはリモートのサーバーを使いたい。
CSS(SCSS)の編集はローカルでgulpを使用して行うが、変更内容はブラウザをリロードすることなくstreamで反映して欲しい。
実装
大事な部分だけ。
CSSの更新をstream反映するコードのサンプルはよそにいっぱいあるので省略。
Basic認証とかかかっていてもこれで大丈夫。
browserSync({
proxy: 'http://your.external.server',
serveStatic: [{
route: '/wp-content/themes/mytheme/assets/css',
dir: 'assets/css'
}],
})