BrowserSyncでサーバーのパスのbasenameを指定する
BrowserSyncでサーバーを立ち上げると、http://localhost:3000/
とかルートのURLで指定したディレクトリが開くようになっている。
でもたまにパスの指定の関係で、ルートでなくて下層のディレクトリでファイルを開きたいというときがある。http://localhost:3000/dir-name/
みたいに。
jekyllとかルーティングライブラリとかだと、basenameみたいな感じのオプションで設定できるので、BrowserSyncでもできるのかなーと思ってたらそういうのはなさそうだった。
ただ、別のオプションで同じようなことが実現できた。
module.exports = { files: 'dist', server: { baseDir: './', routes: { '/dir-name': 'dist' } }, startPath: '/dir-name/' };
こんな感じの設定ファイルを作って、以下のようなコマンドで実行できる。
$ browser-sync start --config "bs-config.js"