Gulp + wiredep + browsersync + bower = 구성 요소를 찾을 수 없음

Question

내 app 폴더의 루트에 bower_componentes 폴더가있는 build/dist 폴더 구조가 있습니다.

웹 브라우저에서 Bower의 CSS 및 js 리소스를 올바르게로드 할 수 있도록 browserSync를 구성하는 방법이 있습니까?

browserSync의 baseDir 매개 변수를 './dist'로 설정하면 배포 폴더는 작동하지만 종속성은 없습니다.

browserSync의 baseDir 매개 변수를 './'로 설정하면 종속성이 작동하지만 브라우저의 주소 표시 줄에 '/ dist'를 직접 입력해야합니다.

아니면 어떻게 작동할까요?

Answer 1

baseDir 외부의 디렉토리에 액세스하려면 browsersync int에서 경로를 사용해야합니다.

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" 
    } 
}