Gulp + wiredep + browsersync + bower =コンポーネントが見つかりません

Question

ビルド/ディストリビューションのフォルダ構造を持ち、アプリケーションフォルダのルートにbower_componentesフォルダがあります。

私のWebブラウザがcssとjsリソースをBowerから正しく読み込むようにbrowserSyncを設定する方法はありますか？

browserSyncのbaseDirパラメータを './dist'に設定すると、deployフォルダは機能しますが、依存関係は機能しません。

browserSyncのbaseDirパラメータを './'に設定すると、依存関係は機能しますが、ブラウザのアドレスバーに「/ dist」を手動で入力する必要があります。

これはどのように動作するのですか？

Answer 1

あなたがあなたのbrowsersync int型でルートを使用する必要がありますBASEDIRの外のディレクトリにアクセスしたい場合。

https://www.browsersync.io/docs/options/#option-server

// Since version 1.2.1 
// The key is the url to match 
// The value is which folder to serve (relative to your current working directory) 

server: { 
    baseDir: "./dist", 
    routes: { 
     "/bower_components": "bower_components" 
    } 
}