リモートサーバーなんだけどbrowser-syncでCSSをstream更新したい

1161 ワード
gulp browser-sync gulp テキストリンク

動機

ローカルで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'
    }],
  })