dev.kokushin

HTML5、CSS3、JavaScriptを中心に、日々のプログラミングで得た知識をメモしています。

Browsersyncでサーバー立ち上げ時に開くページを指定する方法

f:id:kokushin:20160824125000p:plain

Gulpとセットで使うと捗る「Browsersync」ですが、サーバー立ち上げ時に開くページを指定する方法をメモっておきます。

gulpfile.js

browserSync.init({
  server: {
      baseDir: './app/'
  },
  startPath: './page1/index.html',
  open: 'external',
  notify: false
});

startPathに開きたいページのパスを記述すれば、サーバー立ち上げ時にそのページを開いてくれます。
上記の例であれば、/page1/index.htmlを表示します。

おまけ: 便利なオプション

open: 'external'を指定しておくと、ローカルIPアドレスでサーバーを立ち上げます(localhostではなく192.168.10.1など)。
スマホでページを表示させたい場合、このローカルIPアドレスを入力すれば表示されるので便利です。

notify: falseを指定しておくと、画面右上にポップアップを表示させなくできるので鬱陶しいと思うときはfalseにしておくとよいでしょう。