BrowserSyncで勝手に立ち上がるブラウザを変更したり、localhost:8888とかでなく、192.168.1.1:8888とかで立ち上げちゃいたいときのGulp設定

BrowserSyncにはいろいろオプションがある

APIオプションにいろいろ書いてある。ちょろっと見ておくと吉でしょう。

• CLIドキュメント
• APIドキュメント
• APIのオプション

ここではgulpの設定で書いてますが、gruntでもだいたい同じなんじゃないかな！ウェーイ！！

勝手に立ち上がるブラウザを変更するとき

gulpfile.coffee

gulp.task 'browser-sync', ->
  browserSync(
    port: 8888
    browser: 'Google Chrome Canary'  # ←ここ。winのときはこれでは動かんので、ググると吉。
    server: {
      baseDir: "./public"
    }
  )

localhost:8888じゃなくて自分のIPで立ち上げる

スマホで確認するときにいちいちipに打ち替えるのがめんどうなので、こちらで！

npmでmy-ip gulp-openをインストール

npm install my-ip gulp-open -D

gulpfile.coffee

ip = require('my-ip')(null, false) # ←自分のローカルIPが入る
PORT = 8888

gulp.task "open", ->
  options =
    url: "http://#{ip}:#{PORT}"
    app: "Google Chrome Canary" # winのときはこれでは動かんので、ググると吉。

  gulp.src("./gulpfile.coffee").pipe open("", options)
  return


# gulp server でビルド+browser sync → openする
gulp.task 'server', (callback) -> runSequence(['browser-sync', 'build'], ['open', 'watch'], callback)

だいたいこんな流れでウェーイ！！！フゥーーー！！！！