gulpのbrowsersyncで立ち上げるindexページを変更するにはbaseDirではなくstartPath

スポンサードサーチ

Contents

gulpでbrowsersyncしたら「cannot GET」

新しくファイル構築をしている最中、gulpのブラウザーシンクでローカルサーバーを起動したらページが真っ白になって「cannot GET /」だけ表示される時がありました。

今までgulpfile.jsと同じ階層にindex.htmlを置いてブラウザーシンクしている構築だったのですが、distフォルダを追加してその直下にindex.htmlを移動したところ、見れなくなりました。

gulpfile.jsと同階層にindex.htmlがある場合は↓の書き方でOK

server: {
    baseDir: "app",
}

階層を変える場合は、startPathのオプションで変更する。

server: {
    baseDir: "app",
},
//↓追加
startPath: './dist/index.html'

browsersyncには他に「index」という紛らわしいオプションがありますが、これでは階層の指定ができないです。