LoginSignup
5
5

More than 5 years have passed since last update.

BrowserSyncのコマンドラインモード

Last updated at Posted at 2014-12-05

BrowserSyncはGulp経由せずコマンドラインで直接起動することもできます。
他に自動化したいタスクがまだない場合や、さくっとローカルサーバで確認したい場合など、Gulpfile書くのが面倒な時はコマンドラインで直接起動。

BrowserSync Command Line Usage

前提

  • node.jsのインストール
  • BrowserSyncのインストール

http://www.browsersync.io/#install

起動

 browser-sync start --server --files="./**/*.html,./**/*.css,./**/*.js"

watchも自動で走るのでLiveReloadとしても勿論使えます。(--filesにwatch対象を指定)

※対象ファイルが多すぎるとCPUを圧迫するので注意!

gulp watchでCPU使用率100超

phpなど動的なページの確認も--proxy オプションを使うことで可能です。

 browser-sync start --proxy "myproject.dev" --files "css/*.css"

これまでローカル環境での確認は

 python -m SimpleHTTPServer 8080

や、php使っているページなら

 php -S localhost:8080

を使っていましたが、browser-sync一本になりそう。
最近は apache で見る機会が減りました。(VirtualHost書くの面倒...)

5
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
5