Naoki Otsu

BrowserSync導入メモ

2016-09-18

さっとローカルサーバーを立ち上げて、BrowserSyncさせたい時のメモ。

セットアップ

まずは作業場所で、セットアップ。

$ yarn init -y
$ yarn add -D browser-sync

package.jsonにシェルを記載する。

"scripts": {
  "start": "browser-sync start --server --files '**/*'"
},

yarn start でスタート

yarn startでブラウザが開いてローカルサーバーが立ち上がり、
ファイルを監視して、BrowserSyncが開始される。

Sync時に右上に表示されるお知らせは無くしたい時は、--no-notifyを付けると良い。
他にオプションを付けたい時は下記を参照すると良いです。
https://www.browsersync.io/docs/command-line#start